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

注意

1.没有再模板里引用data数据,会不会引起update、beforeUpdate生命周期函数的执行?

不会

2.异步加载组件

3.v-once  通过使用 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)

原文地址:https://www.cnblogs.com/jsjx-xtfh/p/9954807.html