動(dòng)態(tài)路徑
第一種方法是通過動(dòng)態(tài)路由完成
{
path:"/item/:name",
name:"item",
component:Item,
props:true
}
這樣會(huì)識(shí)別name為任意值, 比如 /item/apple會(huì)被識(shí)別為item組件中name名為apple
優(yōu)點(diǎn) - 適合對(duì)應(yīng)變化性比較強(qiáng)的內(nèi)容路由，比如有幾十個(gè)相類似的item呈昔，這種方法就很實(shí)用
缺點(diǎn) - 耦合性高
傳參方式
這種方法是給組件定義一個(gè)獨(dú)有的路由地址，來解析同一個(gè)組件
{
path:"/apple",
name:"item apple",
component:Item,
props:{name:"apple"}
},
{
path:"/orange",
name:"item orange",
component:Item,
props:{name:"orange"}
}
優(yōu)點(diǎn) - 分配固定路由，參數(shù)可以隨便傳乏德，當(dāng)參數(shù)多的時(shí)候，也不怕地址欄過長(zhǎng)的問題踏幻，耦合性低
缺點(diǎn) - 暫無
組件接收說明
export default{
name:"item",
props: {
name:{
type:String,
default: 'apple'
}
}
}
!!!當(dāng)定義了props參數(shù)后谱醇，不需要再在data下定義，他會(huì)自動(dòng)產(chǎn)生data參數(shù), 也不需要this.name = this.$route.params.name;這樣賦值!!!
