本篇文章整理分享8 個(gè)很棒的 Vue 開發(fā)技巧，包括路由參數(shù)解耦、功能組件、樣式范圍、watch的高級(jí)使用、watch監(jiān)聽多個(gè)變量等，希望對(duì)大家有所幫助！

1.路由參數(shù)解耦

通常在組件中使用路由參數(shù)，大多數(shù)人會(huì)做以下事情。

export default {     methods: {         getParamsId() {             return this.$route.params.id         }     } }

在組件中使用 $route 會(huì)導(dǎo)致與其相應(yīng)路由的高度耦合，通過(guò)將其限制為某些 URL 來(lái)限制組件的靈活性。正確的做法是通過(guò) props 來(lái)解耦。

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

將路由的 props 屬性設(shè)置為 true 后，組件內(nèi)部可以通過(guò) props 接收 params 參數(shù)。【