【整理分享】8 个实用Vue开发技巧-站长资讯网

本篇文章整理分享8 个很棒的 Vue 开发技巧，包括路由参数解耦、功能组件、样式范围、watch的高级使用、watch监听多个变量等，希望对大家有所帮助！

【整理分享】8 个实用Vue开发技巧

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 参数。【