色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue 動態路由

錢瀠龍2年前8瀏覽0評論

Vue.js是一個前端開發框架,它具有動態路由功能,可以根據不同的參數值渲染不同的組件。動態路由是指在URL中包含可變的參數,這些參數可以用來動態地渲染組件。

在Vue.js中,動態路由可以通過路由參數來實現。路由參數可以在頁面路由中通過占位符(:)的方式進行定義。例如:

const router = new VueRouter({
routes: [
{
path: '/user/:id',
component: User
}
]
})

以上示例中,路徑“/user/:id”中的“:id”就是路由參數,它可以動態地匹配用戶的ID。

在組件中,可以通過$router.params來訪問路由參數。例如:

export default {
mounted() {
console.log(this.$route.params.id);
}
}

以上示例中,$route.params.id表示訪問當前頁面的路由參數。

在路由參數發生改變時,Vue.js可以自動地重新渲染組件,從而實現動態路由。例如,在組件中可以使用watch監聽路由參數的變化:

export default {
watch: {
'$route.params.id': {
handler: function (newVal, oldVal) {
// do something when route param id changes
},
immediate: true
}
}
}

以上示例中,通過監聽$route.params.id的變化,可以實現在路由參數發生變化時更新組件內容。