在Vue中，不同的路由可以匹配到不同的組件，從而實(shí)現(xiàn)頁面的切換。但可能會出現(xiàn)組件過多的情況。有些時候，需要將給定匹配模式的路由映射到同一個組件，然后通過路由的參數(shù)來控制組件的渲染。例如對于“用戶中心”這種頁面，不同的用戶登錄后渲染的信息是不同的，但頁面結(jié)構(gòu)相同，這時就可以通過為路由添加參數(shù)來實(shí)現(xiàn)。
如以上代碼所示，在組件內(nèi)部可以使用$route屬性獲取全局的路由對象，路由中定義的參數(shù)可以通過此對象的params屬性獲取。在main.js中定義路由如下：
Import User from ‘./components/User.vue’
Const routes = [
{path:’/user/:username/:id’,component:User}
]
在定義路由的路徑path時，使用冒號來標(biāo)記參數(shù)，如以上代碼中定義的路由路徑，username何id都是路由的參數(shù)，以下路徑會被自動匹配：
/user/小王/8888
其中“小王”會被解析到路由的username屬性，“8888”會被解析到id屬性。
上一篇： 度娘，不光能用來搜索——echarts
下一篇： APICloud廣播事件
關(guān)鍵詞:
