1. 程式人生 > >在Vue中遇到的各種坑 及性能提升

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

想要 引用 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中遇到的各種坑 及性能提升