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是响应式监听打他中的所有变量变化,压力太大
以上是常见的一些小技巧,如果有好的思路谢谢分享。小菜鸟在成长的路上。