配置Vue的路由

在Vue环境中，找到index.js文件中

  代码如下：

import Vue from 'vue'

import Router from 'vue-router'

// import HelloWorld from '@/components/HelloWorld'

import FirstNode from '@/components/FirstNode'

import introduce from '@/components/MyIntroduce'

Vue. use( Router)

export default new Router({

routes: [

{

path: '/',

name: 'HelloWorld',

component: FirstNode

},

{

path: '/introduce',

name: 'MyIntroduce',

component: introduce

},

{

path: '/introduce/:id',

name: 'MyIntroduce',

component: introduce

}

]

})

这是两个注册的路由，一个带参数的一个是不带参数的路由。

而且path: ‘/register/:id’ 路径后面加上：id 便是匹配任意的参数。最后两个路由的component: introduce，一定要相同。这样一个动态的（可传可不穿传参数）路由就搞定了。