Vue路由的使用

1.在小黑框里面输入npm install vue-router -S 安装路由

2.在src内新建router目录 添加index.js作为总路由

在 index.js里面写3.

// 引入依赖
import Vue from 'vue'
import Router from 'vue-router'
//引入文件路径
import HelloWorld from '../components/TakeOut.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
 
  ]
})

3.在main.js里面的写

import router from './router'

new Vue({})

new Vue({
  el: '#app',
  router:router, //写这一条
  components: { App },
  template: '<App/>'
})