vue项目写法小技巧

1.不要在vue中使用dom查询，如document.queryselector()，使用this.$refs.XXX

原因：查询是从根页面查询的，而vue的的粒度是组件级别的，使用this.$el 从当前组件查询

2.操作方法时，使用data中定义对象的某个属性，不要老是 this.xxx.xxx, this.xxx.xxx

原因：减少查询次数，如果一个变量用了四次每次使用this.xxx就要在data里面找四次，如果使用const {xxx} = this，只用了一次只有引用的时候找了一次

3.data中定义变量，如果只是用一次的就在外部定义不要定义在data，conputed中

原因：因为vue是响应式监听打他中的所有变量变化，压力太大

以上是常见的一些小技巧，如果有好的思路谢谢分享。小菜鸟在成长的路上。