vue2.0-路由（router）的使用

1、打开vscode的终端输入  npm i vue-router。

2、在src文件夹下，新建一个router文件夹，并在router文件夹下，新建一个index.js文件。

       该文件夹下的代码如下（其中引入的组件是自己写的vue组件，建议在src文件下新建一个pages文件，把与路由相关的组件放在里面；直接用components文件夹下的组件也一样）：

// 改文件专用于创建整个应用的路由器
import VueRouter from 'vue-router'
// 引入组件
import About from '../pages/About'
// 创建并暴露一个路由器
export default new VueRouter({
    routes: [{
            path: '/about',
            component: About
        },

    ]
})

3、在main.js输入下面四条指令：

import VueRouter from 'vue-router'

import router from './router'

Vue.use(VueRouter)

new Vue里面输入  router: router

import Vue from 'vue'
import App from './App.vue'

import VueRouter from 'vue-router'
// 引入路由器
import router from './router'
Vue.config.productionTip = false
// 应用插件
Vue.use(VueRouter)
new Vue({
    render: h => h(App),
    router: router
}).$mount('#app')