1、安装路由:
(1)、cnpm install vue-router
(2)、main.js中配置路由
import VueRouter from 'vue-router' //引入路由
import Routers from './router'
Vue.use(VueRouter) //使用路由
const router = new VueRouter({ //路由分离
routes: Routers,
mode: 'history'
})
new Vue({
el: '#app',
router, //在这里公布路由
components: { App },
template: '<App/>'
})
(3)、
router.js 中进行配置
import Home from './components/Home'
import Menus from './components/Menus'
//router
export default [ //公开路由
{ path: '/', component: Home },
{ path: '/menus', component: Menus },
{ path: '*', redirect: '/' }
]
二级路由配置
import Admin from './components/admin/Admin'
import