
vue
神圣光
热爱前端技术,乐于分享的前端学习者!
展开
-
vue-router中定义动态路由、嵌套路由,并动态获取参数
路由的定义,主要有以下几步:如果是模块化机制,需要调用 Vue.use(VueRouter)定义路由组件,如:const Foo = { template: '<div>foo</div>'};定义路由(数组):const routes = [ { path: '/foo', component: Foo }...原创 2018-02-26 20:25:00 · 32448 阅读 · 0 评论 -
详解vue-router 中的导航钩子
vue-router 的导航钩子,主要用来作用是拦截导航,让他完成跳转或取消。有三种方式可以植入路由导航过程中:全局的单个路由独享的组件级的1. 全局导航钩子:全局导航钩子主要有两种钩子:前置守卫、后置钩子,注册一个全局前置守卫:const router = new VueRouter({ ... });router.beforeEach((to, from, n...原创 2018-02-26 21:56:23 · 40828 阅读 · 4 评论