在Vue中遇到的各種坑 及性能提升
阿新 • • 發佈:2018-11-14
想要 引用 better true date 即使 數據 過濾器 提升
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三個軸都要激活
在Vue中遇到的各種坑 及性能提升