vue学习过程中遇到的坑以及实际项目中vue性能优化问题

vue学习过程中遇到的坑以及实际项⽬中vue性能优化问题
注意
1.没有再模板⾥引⽤data数据，会不会引起update、beforeUpdate⽣命周期函数的执⾏？
不会
2.异步加载组件
3.v-once 通过使⽤，你也能执⾏⼀次性地插值，当数据改变时，插值处的内容不会更新。

4.如果不⽤template属性，直接在页⾯上写组件名，有些浏览器会把这些⾮法命名的组件解析错误，这时需要在标签内写正常的标签名，写is属性 is=‘组件名’
提⾼性能
1.如果不需要响应式，直接在Vue实例⾥挂载⼀个属性就可以
例如：this.y=2
2.这样修改数据，操作是异步的，是为了提⾼性能，所以数据更新之后的渲染dom是有延迟的
this.xxx=…
所以如果想要得到渲染之后的dom，可以⽤nextTick⽅法
3.bettwr-scroll使⽤中注意节流,防抖
4.v-once
5.keep-alive
6.异步加载组件
问题
1.后续添加的元素⽆法添加样式，因为受scoped限制，只要在样式中添加>>>
例如 >>>span
2.better-scroll click:true 会导致点击事件触发两次，如果不滑动，点击事件会触发两次，滑动之后better-Scroll会将默认的点击事件⼲掉，并会⾃动派发⼀个点击事件，这时点击事件就只会触发⼀次
3.:style⽤不了过滤器
4.硬件加速:触发硬件加速
x,y,z三个轴都要激活
transform translate(100%,0,0)。