mpvue配置路由

mpvue引入路由管理

    mpvue-entry: 集中式页面配置,自动生成各页面的入口文件,优化目录结构,支持新增页面热更新
    mpvue-router-patch: 在 mpvue 中使用 vue-router 兼容的路由写法

注意

修改完成之后不要有js文件,都是.vue文件

  1. 安装依赖
    npm install mpvue-entry --save-dev
    npm install mpvue-router-patch --save

  2. 文件目录结构修改
    添加rouuter.js管理所有的页面路由mpvue配置路由_第1张图片

  3. main.js文件修改
    引入组件,而且需要导出一个对象可以为空mpvue配置路由_第2张图片

  4. mpvue配置路由_第3张图片 需要注释原生的脚手架的一些内容,并引入当前的路由文件mpvue配置路由_第4张图片
    如果还不行就学要修改下面的内容
    mpvue配置路由_第5张图片

你可能感兴趣的:(小程序)