vue基礎之動態路由
阿新 • • 發佈：2022-05-12
動態路由：
當路由發生切換時，並不會重新渲染路由元件，而會使用已經渲染過的路由元件（只會會修改路由引數值），這樣增加了程式的高效及時性；
另一方面，元件的生命週期鉤子回撥函式將不再會呼叫！
方法一；
routes: [
{
path: '/login',
name: 'login',
meta: {
roles: ['admin', 'user']
},
component: () => import('../components/Login.vue')
},
{
path: 'home',
name: 'home',
meta: {
roles: ['admin']
},
component: () => import('../views/Home.vue')
},
]
方法二；
// dynamicRoutes.js
// 將需要動態註冊的路由提取到vuex中
const dynamicRoutes = [
{
path: '/manage',
name: 'Manage',
meta: {
requireAuth: true
},
component: () => import('./views/Manage')
},
{
path: '/userCenter',
name: 'UserCenter',
meta: {
requireAuth: true
},
component: () => import('./views/UserCenter')
}
]