1、在/src/router的index.js文件中配置路由
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import second from '@/components/second'
// 1、引入vue-router
Vue.use(Router)
// 2、定义路由,此处定义了2个路由
const routes = [
{path: '/helloWorld', component: HelloWorld},
{path: '/second', component: second}
]
// 3、实例化Router
const router = new Router({
routes
})
// 4、暴露组件,在mian.js中引入该router
export default router
2、在/src的main.js中导入router
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router, //此处调用配置的router
components: { App },