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