vue项目写法小技巧

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

原因&＃xff1a;查询是从根页面查询的&＃xff0c;而vue的的粒度是组件级别的&＃xff0c;使用this.$el 从当前组件查询

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

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

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

原因&＃xff1a;因为vue是响应式监听打他中的所有变量变化&＃xff0c;压力太大

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