在Vue中遇到的各种坑 及性能提升

Posted 2021-01-19 katydids

Vue:

 

（1）    没有再模板里引用data数据，会不会引起update、beforeUpdate生命周期函数的执行？

不会

（2）组件改成异步

（3）v-once

（4）如果不用template属性，直接在页面上写组件名，有些浏览器会把这些非法命名的组件解析错误，这是需要在标签内写正常的标签名，写is属性 is=‘组件名’

 

 

 

提高性能:

如果不需要响应式，直接在Vue实例里挂载一个属性就可以

例如：

This.y=2

 

 

 

这样修改数据，操作是异步的，是为了提高性能，所以数据更新之后的渲染dom是有延迟的

This.xxx=…

 

所以如果想要得到渲染之后的dom，可以用nextTick方法

 

 

Vue项目遇到的问题：

后续添加的元素无法添加样式，因为scoped限制，只要在样式中添加>>>

例如 >>>span

 

 

Better-scroll click:true 会导致点击事件触发两次，如果不滑动，点击事件会触发两次，滑动之后better-Scroll会将默认的点击事件干掉，并会自动派发一个点击事件，这时点击事件就只会触发一次

 

:style用不了过滤器

 

 

硬件加速：

触发硬件加速  

例如在transform中即使用不到z轴也要加上z轴，x,y,z三个轴都要激活