博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
10.Vue遍历中key的作用
阅读量:3956 次
发布时间:2019-05-24

本文共 353 字,大约阅读时间需要 1 分钟。

1.Vue遍历中key的作用

***作用:更新时决定节点能否被复用 

***目的:精确高效的更新Vdom

***推荐使用id作为key与数组中的元素绑定,不推荐使用index;如果key对应的数据发生了变化,直接更新对应的dom就行,不用全部更新一遍。

 

2.vue官方:生命周期钩子那一块不是很懂。

 

3.Vue遍历中是否一定要增加key属性

  
就地复用

采用就地复用策略(vuejs默认情况)

{
{p.name}}

不采用就地复用策略(设置key)

{
{p.name}}

 

 

 

 

 

转载地址:http://vzxzi.baihongyu.com/

你可能感兴趣的文章
杭电AM——2072,单词数(暴力)
查看>>
杭电ACM——2073,无限的路(思维)
查看>>
杭电ACM——2069,Coin Change(DP)
查看>>
杭电ACM——2074,叠筐
查看>>
北大ACM——3616,Milking Time(DP)
查看>>
杭电ACM——2076,夹角有多大
查看>>
牛客练习赛43——B Tachibana Kanade Loves Probability(暴力,思维)
查看>>
牛客第十七届上海大学程序设计春季联赛——E CSL 的魔法(贪心)
查看>>
杭电ACM——1028,Ignatius and the Princess III(母函数)
查看>>
杭电ACM——1171,Big Event in HDU(母函数)
查看>>
杭电ACM——6491,时间间隔(思维)
查看>>
杭电AC——1085,Holding Bin-Laden Captive!(母函数)
查看>>
杭电ACM——2110,Crisis of HDU(母函数)
查看>>
杭电AM——2152,Fruit(母函数)
查看>>
杭电ACM——2566,统计硬币(DP)
查看>>
堆栈(数据结构)
查看>>
队列(数据结构)
查看>>
杭电ACM——1251,统计难题(Trie树)
查看>>
牛客网哈尔滨工程大学第十四届程序设计竞赛(同步赛)—— 小蚂蚁过马路(思维)
查看>>
牛客网哈尔滨工程大学第十四届程序设计竞赛(同步赛)—— 苹果手链(水题)
查看>>