在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三個軸都要激活

 

 

如果本文對您有幫助,請抬抬您的小手,點下右下角的推薦, ^-^,當然如果看了這篇博客對您有幫助是我最開心的事,畢竟贈人玫瑰,手有余香, ^-^,如果這篇博客沒有幫助到您,那就只能說一聲抱歉啦

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM