在Vue中，不同的路由可以匹配到不同的組件，從而實現(xiàn)頁面的切換。但可能會出現(xiàn)組件過多的情況。有些時候，需要將給定匹配模式的路由映射到同一個組件，然后通過路由的參數(shù)來控制組件的渲染。例如對于“用戶中心”這種頁面，不同的用戶登錄后渲染的信息是不同的，但頁面結構相同，這時就可以通過為路由添加參數(shù)來實現(xiàn)。
如以上代碼所示，在組件內部可以使用$route屬性獲取全局的路由對象，路由中定義的參數(shù)可以通過此對象的params屬性獲取。在main.js中定義路由如下：
Import User from ‘./components/User.vue’
Const routes = [
{path:’/user/:username/:id’,component:User}
]
在定義路由的路徑path時，使用冒號來標記參數(shù)，如以上代碼中定義的路由路徑，username何id都是路由的參數(shù)，以下路徑會被自動匹配：
/user/小王/8888
其中“小王”會被解析到路由的username屬性，“8888”會被解析到id屬性。
上一篇： 度娘，不光能用來搜索——echarts
下一篇： APICloud廣播事件
關鍵詞:
開啟了相對路徑模式，本地址是站外域名，不能轉為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站手術移動護理系統(tǒng)詳細流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站手術移動護理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站紅寶書智慧黨建平臺")
