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


    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三个轴都要激活

    如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,如果这篇博客没有帮助到您,那就只能说一声抱歉啦

  • 相关阅读:
    四则运算题目生成器
    个人博客作业Week1
    M1/M2项目阶段总结
    个人博客作业week7
    个人博客作业—2
    第一周个人博客作业
    关于生成四则运算式
    个人博客作业week7
    第二次博客作业
    关于webservice大数据量传输时的压缩和解压缩
  • 原文地址:https://www.cnblogs.com/katydids/p/9955490.html
Copyright © 2020-2023  润新知