关于webpack 打包vue项目的2中路由配置方式

Posted 夏天的水果

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于webpack 打包vue项目的2中路由配置方式相关的知识,希望对你有一定的参考价值。

 首先,2种都是引入配置好的router里面的index.js

import Vue from \'vue\'
import Router from \'vue-router\'
import login from \'@/components/login\'

Vue.use(Router)
 1.第一种写法
export default new Router({
  routes: [
    {
      path: \'/login\',
      component: login
    }
  ]
})

2.第二种写法

var router = new Router();

router.map({

  \'/login\':{

    path: \'/login\',

    component:login;

  }

})

router.start(App,\'#app\')

 

第二种参考http://www.cnblogs.com/qhhw/p/5945875.html

以上是关于关于webpack 打包vue项目的2中路由配置方式的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目的打包上线步骤

webpack打包vue项目,可修改配置文件

Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化

webpack+vue-cli项目打包技巧

webpack打包VUE项目读取外部配置文件,灵活配置域名

vue项目中运用webpack动态配置打包多种环境域名