vue的一些小優(yōu)化,簡(jiǎn)單實(shí)用

v-once 當(dāng)組件中包含大量靜態(tài)內(nèi)容時(shí),可以考慮使用?v-once將渲染結(jié)果緩存起來(lái),

<div v-once>

v-cloak 防止閃爍

比較大段落html <div v-cloak> css [v-cloak] { display: none }?一起用

<span v-pre>{{ this will not be compiled }}</span> //保留空格、段落

track-by='索引' 提高循環(huán)性能

<a v-for="" track-by='$index/uid'></a>

在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這個(gè)方法,獲取更新后的 DOM。

this..nextTick(function () {

? // DOM 更新了

})

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,365評(píng)論 0 6
  • 33、JS中的本地存儲(chǔ) 把一些信息存儲(chǔ)在當(dāng)前瀏覽器指定域下的某一個(gè)地方(存儲(chǔ)到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,240評(píng)論 0 2
  • 基本用法 一、vuejs簡(jiǎn)介 是一個(gè)構(gòu)建用戶界面的框架 是一個(gè)輕量級(jí)的MVVM(Model-View-ViewMo...
    深度剖析JavaScript閱讀 18,342評(píng)論 0 8
  • 畫舫清光, 柔媚含霜, 行色匆匆的路人對(duì)著彩屏說(shuō)唱。 細(xì)雨, 抽泣在微涼的玻璃窗, 和著淚暈, 訴說(shuō)題字紅葉薄薄的...
    少焱閱讀 426評(píng)論 0 0
  • 我班長(zhǎng)王老板長(zhǎng)著一張十分均勻?qū)ΨQ的臉,黝黑的皮膚,怎么說(shuō)呢?就是長(zhǎng)的寒磣,比隔壁老王的兒子還磕磣。 前天,我們...
    鹿亦歌閱讀 216評(píng)論 0 0

友情鏈接更多精彩內(nèi)容