站长资讯网
本篇文章整理分享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 参数。【
