在Vue中遇到的各种坑 及性能提升
Vue:
?
(1)??? 沒有再模板里引用data數(shù)據(jù),會(huì)不會(huì)引起update、beforeUpdate生命周期函數(shù)的執(zhí)行?
不會(huì)
(2)組件改成異步
(3)v-once
(4)如果不用template屬性,直接在頁面上寫組件名,有些瀏覽器會(huì)把這些非法命名的組件解析錯(cuò)誤,這是需要在標(biāo)簽內(nèi)寫正常的標(biāo)簽名,寫is屬性 is=‘組件名’
?
?
?
提高性能:
如果不需要響應(yīng)式,直接在Vue實(shí)例里掛載一個(gè)屬性就可以
例如:
This.y=2
?
?
?
這樣修改數(shù)據(jù),操作是異步的,是為了提高性能,所以數(shù)據(jù)更新之后的渲染dom是有延遲的
This.xxx=…
?
所以如果想要得到渲染之后的dom,可以用nextTick方法
?
?
Vue項(xiàng)目遇到的問題:
后續(xù)添加的元素?zé)o法添加樣式,因?yàn)閟coped限制,只要在樣式中添加>>>
例如 >>>span
?
?
Better-scroll click:true 會(huì)導(dǎo)致點(diǎn)擊事件觸發(fā)兩次,如果不滑動(dòng),點(diǎn)擊事件會(huì)觸發(fā)兩次,滑動(dòng)之后better-Scroll會(huì)將默認(rèn)的點(diǎn)擊事件干掉,并會(huì)自動(dòng)派發(fā)一個(gè)點(diǎn)擊事件,這時(shí)點(diǎn)擊事件就只會(huì)觸發(fā)一次
?
:style用不了過濾器
?
?
硬件加速:
觸發(fā)硬件加速??
例如在transform中即使用不到z軸也要加上z軸,x,y,z三個(gè)軸都要激活
?
?
如果本文對(duì)您有幫助,請(qǐng)?zhí)男∈?#xff0c;點(diǎn)下右下角的推薦,?^-^,當(dāng)然如果看了這篇博客對(duì)您有幫助是我最開心的事,畢竟贈(zèng)人玫瑰,手有余香,?^-^,如果這篇博客沒有幫助到您,那就只能說一聲抱歉啦
?
轉(zhuǎn)載于:https://www.cnblogs.com/katydids/p/9955490.html
總結(jié)
以上是生活随笔為你收集整理的在Vue中遇到的各种坑 及性能提升的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 买的保险离婚怎么处理
- 下一篇: python里pickle模块