在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,一定要相同。这样一个动态的(可传可不穿传参数)路由就搞定了。