站長資訊網
本篇文章整理分享8 個很棒的 Vue 開發技巧，包括路由參數解耦、功能組件、樣式范圍、watch的高級使用、watch監聽多個變量等，希望對大家有所幫助！
1.路由參數解耦
通常在組件中使用路由參數，大多數人會做以下事情。
export default { methods: { getParamsId() { return this.$route.params.id } } }
登錄后復制
在組件中使用 $route 會導致與其相應路由的高度耦合，通過將其限制為某些 URL 來限制組件的靈活性。正確的做法是通過 props 來解耦。
const router = new VueRouter({ routes: [{ path: /user/:id , component: User, props: true }] })
登錄后復制
將路由的 props 屬性設置為 true 后，組件內部可以通過 props 接收 params 參數。【
