1: 配置路由映射关系; 点击某一个item 时跳转到某一个页面:
首先再router 文件夹中 index.js 文件中进行导入:
2: 在当前项目中安装路由: npm install vue-router --save
首先引入: import Vue form Vue;
再次引入: import vueRouter form 'vue-router';
进行懒加载操作: const home = ()=> import ()
3: 安装插件: vueRouer: vue.use(vueRouter)
4:创建路由对象:
const routers = [
]
const router = new vueRouter({
routes,
mode: 'history'
})
5: 导出router
export default router;
6 在main.js 中 挂载: import router form './router'
new Vue({
render: h => (App),
router
}).$mount('#app')