1.props的值為布林型別
const User={
props:['id'], //使用 props 接收路由引數
template:'<div>使用者ID: {{ id }} </div>' //使用路由引數
}
const router=new VueRouter({
routes:[
//如果 props 被設定為 true，route.params 將會被設定為元件屬性
{ path : '/user/:id' , component : User, props:true }
]
})
2.props的值為物件型別
const User={
props: [' uname ' , ' age '],
template:'<h1>使用者id為 {{ uname + "------" + age }}</h1>'
}
const router = new VueRouter({
{path:'/user/:id',component:User, props: { uname : 'lisi' , age : 12 } }
})