国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - vue 2.0 :key的作用

瀏覽:132日期:2023-09-25 08:41:19

問題描述

<p v-for='item in items' :key='item.id'> <!-- 內容 --></p>

這個:key怎么用呢 能舉個列子嗎 它僅僅就為了v-for才添加的嗎?:key='value'這個value是任意寫的嗎?

問題解答

回答1:

key 的特殊屬性主要用在 Vue的虛擬DOM算法,在新舊nodes對比時辨識VNodes。如果不使用key,Vue會使用一種最大限度減少動態元素并且盡可能的嘗試修復/再利用相同類型元素的算法。使用key,它會基于key的變化重新排列元素順序,并且會移除key不存在的元素。

有相同父元素的子元素必須有獨特的key。重復的key會造成渲染錯誤。

最常見的用例是結合 v-for:

<ul> <li v-for='item in items' :key='item.id'>...</li></ul>

它也可以用于強制替換元素/組件而不是重復使用它。當你遇到如下場景時它可能會很有用:

完整地觸發組件的生命周期鉤子觸發過渡

<transition> <span :key='text'>{{ text }}</span></transition>

當 text 發生改變時,<span> 會隨時被更新,因此會觸發過渡。

來源參考: https://cn.vuejs.org/v2/api/#key

回答2:

列表渲染某些時候要保證數據的唯一性 這個key是唯一標識 必須要唯一

回答3:

這里的key 是不是在更新列表數據時,第一點:如果數據更新的有相同的數據就會直接利用key去渲染,如果沒有相同的數據,就對比key,因為key不相同,所以這些新的數據就要重新渲染,不然的話,vue就利用就地原則直接利用已有的數據進行渲染,造成數據沒有達到預期的效果,而是原來的dom的樣式和組件,達不到更新呢?不知道我的理解對不對,但是官網上說input必須要有key但是我發現有沒有key效果都是一樣的,不知道有沒有大神能給我舉個例子,在下不勝感激!!!!!!!!!!!!

回答4:

上面說的太過于官方話 白話說你好理解 也就是提高循環性能

其實這個東西寫不寫都行 就算你寫錯了他也不會報錯 但是一般寫for循環寫上比較好

回答5:

建議多看下文檔:http://cn.vuejs.org/v2/guide/...

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 最近手机高清中文字幕大全7 | a级毛片毛片免费观看久潮喷 | 国内精品久久久久久野外 | 日本天堂视频在线观看 | 国产伦精一区二区三区视频 | 国产91精品一区 | 97在线免费视频观看 | 久在线观看 | 日本不卡一区在线 | 免费看欧美一级特黄a毛片 免费看片aⅴ免费大片 | 99久国产 | 亚洲男人在线天堂 | 日本japanesevideo黑人 | 国产精品亚洲成在人线 | 国产一区亚洲欧美成人 | 久久99亚洲精品久久 | 久久久久久久国产 | 高清国产露脸捆绑01经典 | 久久精品免费一区二区三区 | 久久91精品综合国产首页 | 韩国一级毛片在线观看 | 免费看一级欧美激情毛片 | 久草在线视频精品 | 久久精品国产在爱久久 | 国产免费高清 | 精品视频一区二区三区四区 | 国产成年人| 亚洲一区免费观看 | 久热香蕉精品视频在线播放 | 亚洲一区二区三区欧美 | 毛片在线播放网址 | 精品视频在线视频 | 天天综合天天看夜夜添狠狠玩 | 国产一级黄色网 | 91热国内精品永久免费观看 | 久久中文字幕日韩精品 | 国产成人精品高清在线观看99 | 韩日三级视频 | 日本亲子乱子伦视频 | 一级做a爰片久久毛片美女 一级做a爰片久久毛片免费看 | 亚洲欧洲日产国码一级毛片 |