Siny_YN的博客

vue项目环境搭建npm install -g vue-cli        //全局安装脚手架npm init webpack your-project //初始化webpackcd your-projectnpm install                   //安装npm run dev                   //运行...

1.带参数路由routers:[ {path:'/user/:id',name:'user',component:User} ]使用参数：$router.params.id2.两个路由都渲染同个组件复用组件时，想对路由参数的变化作出响应，watch (监测变化) watch{ 'route'(to,from){ } }或者使用beforeRouteUpdate （目标路由和当前路由相同，只是...

1.分类路由守卫为：全局守卫：beforeEach后置守卫：afterEach全局解析守卫：beforeResolve路由独享守卫：beforeEnter组内路由守卫：beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave2.基本用法beforeEachrouter.beforeEach((to, from, next) => { // ...

1. 实现方式：Vue的异步组件+Webpack的代码分割异步组件const Foo = () => Promise.resolve({ /* 组件定义对象 */ })webpackimport('./Foo.vue') // 返回 Promise定义被webpack自动分割代码的异步组件const Foo = () => import('./Foo.vue')把组件按组分块某个路由下...

1.路由元信息定义路由的时候可以配置 meta 字段{ path: 'login', name: 'login', component: Login, query: {}, //不保留历史记录，即不能返回到登录页面 meta: { navbar: false, requireAuth: false ...