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')

Logo

前往低代码交流专区

更多推荐