在Vue项目中使用Vue-router的另一种形式

1、在src目录下创建一个router文件夹，在里面创建router.js

npm install vue-router

 

 2、router.js

import Vue from 'vue'
import Router from 'vue-router'

import Home from '../page/home/Home.vue'

Vue.use(Router)

const routes = [
  {
    path: '/',
    component: Home,
  },
]

export default new Router({
  routes,
  strict: process.env.NODE_ENV !== 'production',
})

3、main.js

import Vue from 'vue'

import App from './App.vue'
import router from './router/router'
import './element/index'
import 'element-ui/lib/theme-chalk/index.css'

Vue.config.productionTip = false

new Vue({
  router,
  render: (h) => h(App),
}).$mount('#app')