svelte经验

 

如果要判断是否为 null或undefined，通过非空判断即可.
const a = {  name: 'a' } const b = {} 
console.log(Object.keys(a).length === 0) // false 
console.log(Object.keys(b).length === 0) // true

判断对象是否为空{}： 
Object.keys(obj).length  ===  0  &&  obj.constructor  ===  Object;
判断列表是否为空：
array1.length  ===  0  &&  array2.length  ===  0;

 

 

路由守卫

<script>
  import { Router, redirect } from 'svelte-spa-history-router';

  import Admin from "./Admin.svelte";

  function adminGuard(route) {
    if (!isAdmin($user)) {
      return redirect("/");
    }
    return Admin;
  }

  const routes = [
    { path: '/', component: Home },
    { path: '/admin', resolver: adminGuard },
  ];
</script>
<Router {routes}/>

 

 

 

一、正确新建svelte项目

npm  install  -g  create-vite
create-vite  my-svelte-app  --template  svelte

 

1: cd my-svelte-app

2: npm install
3: npm run dev -- --open

 

二、新建sveltekit项目  
npm create svelte@latest myapp
cd myapp
npm install
npm run dev

Next steps:
1: cd myweb
2: npm install
3: git init && git add -A && git commit -m "Initial commit" (optional)
4: npm run dev -- --open

二、store