vue配置路由

1.下载 vue-router

先看看package.json有没有vue-router，没有的话下载

npm i vue-router

2.在 main.js 中引入 vue-router并调用方法（固定写法）

import VueRouter from 'vue-router'

Vue.use(VueRouter)

3.HTML代码

左侧代码：router-link 放置连接,to 属性设置路由

<router-link to='/index'>首页</router-link>

通过在app.vue中放 router-view 来显示内容

<router-view></router-view>

4.js代码

在main.js中创建一个 vueRouter 对象

配置路由选项

注册到 vue 实例中

import Index from './components/index.vue'
import Index from './components/index1.vue'
import Index from './components/index2.vue'

var routes = [
	{path:'./index',component:Index},
	{path:'./index1',component:Index1},
	{path:'./index2',component:Index2}
]
new Vue({
  el: '#app',
  render: h => h(App),
  router
})