罗马音译
Lyrics-
Ireol ttaereul bomyeon na eorigineun hangabwa nun ape dugodo eojji haljul molla
Eotteoke deul sarangeul shijakago ineunji sarang haneun saramdeul malhaejwoyo
Eonjenga geunyeo soneul jaba bol nal olkkayo
Gameun dunun wiye kiss-haneun naldo wajulkkayo
Hello, hello, nareum daero yongil naesseoyo
Hello, hello, jamshi yaegi hallaeyo
Hello, hello, naega jom seotuljin mollado
Who knows eojjeom urin jal dweljido molla
Naega dagaseoya haneunji deo gidaryeoya haneunji
Modu dareun mareul haneunge deo eoryeowo, midulsu eopgejyo
Bogiboda nuni nopayo ireon il nan heunchi anayo nae mal mideojwoyo, yeah
Amureoji anke geunyeol aneul nal olkkayo
Saengakan daero modu irwojin dan mal mideoyo
Hello, hello, nareum daero yongil naesseoyo
Hello, hello, jamshi yaegi hallaeyo
Hello, hello, naega jom seotuljin mollado
Who knows eojjeom urin, oh yeah
Cheo-eumeun anijyo sashil malhaja myeon sarando ibyeoldo haebwajyo
Hajiman eoryeowoyo imareul mideojwoyo geudaeneun dallayo
Hello, hello, ibeonen nareul da geolgeyo
Hello, hello, oh yeah, baby, baby, baby girl
Hello, hello jigeumeun eotteolji mollado
Who knows eojjeom urin
Hello, hello, oh yeah
Hello, hello, naege gihwereul jwoyo
Hello, hello, geure jigeumeun eotteoji mollado
Who knows, uri duri
Hello, nae gyeoteul maemdon geu shigan deureul gyesok
Geu eotteon gippeum gwado bigyo motae no more, geudael ijen pyohyeon halsu eopgo
Nae soneul japneun damyoen never let you go, ireonge sarangi myeon jeoldae an nochyeo
Who knows, uri duri
Unmyeongil jimolla
Hello, hello
hello 歌词音译
SHINee
钟炫一咯 得哦 铺娘南 哦里 给娘 航赶怕 怒你 陪兜 哦狗no记 汗就某南
温流哦兜尅那 撒浪恩 西甲 卡沟 一能及 撒浪啊得撒狼杜 吗累就哟
泰民哦金 刚口 嘎露 宿你 掐吧 副累 路狗哟
钟炫卡门得木 你也ki 撒们 满狗 玩囧旦 哟
allHello Hello key那门 课兜哟 累搜哟
allHello Hello 温流长夜西夜gi寒 累哦
allHello Hello 钟炫类给 总撒杜 级 默兰兜
allwho knows 哦求 不利 泰民切啊退几多路马
珉豪类给 八大搜浪 哈嫩鸡 囧刚 gi大兰哟 哈嫩鸡
钟炫魔豆 打烂 默读 哈栏杆 的报 聊我
温流你噶素我qio key波滴不低怕 咯排哟
温流一咯 米啊你后期哟 呀喽哟黑 my米兜囧哟 yeah
泰民啊五咯七呀给哭哟哈嫩啊 leo 该哟
温流森噶卡嫩累莫多一咯几那妈米多哟
allHello Hello 钟炫那门 课兜哟 累搜哟
allHello Hello key长夜西夜gi寒 累哦
allHello Hello 泰民类给 总撒杜 级 默兰兜
allwho knows 哦求 不利 钟炫oh yeah
钟炫qio哦路啦里哟 撒西 了啦 强哟 撒浪木里读哟 嘿吧就
温流哈吉吗 喽聊 我哟 一吗米 米大 囧哟
钟炫哭得论 卡拉哟 yeah~~
allHello Hello 珉豪一波冷啦了噶go gi哟
allHello Hello keyoh yeah~ baby baby baby girl
allHello Hello 钟炫七给 莫拉do级 默兰兜
allwho knows 哦求 不利
allHello Hello keyoh yeah~~
allHello Hello 温流内给gi 配里
allHello Hello 钟炫七给 莫拉do级 默兰兜
如果没有这个属性的时候vue应用 in-place patch(就地复用)策略。列表里的顺序发生改变的时候比如shuffle(列表打乱)的时候,vue为了提升性能,不会移动dom元素,只是更新相应元素的内容节点。
就地复用的弊端
这个默认的模式是高效的,但是只适用于不依赖子组件状态或临时 DOM 状态 (例如:表单输入值) 的列表渲染输出。
如上引用自官网,这个模式就是上面的“就地复用”策略。那么是不是依赖子组件状态的列表渲染采用上面的模式就出问题了呢。如下测试代码:
<ul>
<li v-for="item in items">
<p>{{ itemtitle }}</p>
<p>{{ itemdes }}</p>
<tweet-component></tweet-component>
</li>
</ul>
<script>
Vuecomponent("tweet-component", {
template: `
<div class="tweet">
<div class="box">
{{xixi}}
</div>
</div>
`,
data() {
return {
xixi: Mathrandom()
};
}
});
new Vue({
el: "#app",
data: {
items: [
{ title: "nihao1", des: "xiexie1" },
{ title: "nihao2", des: "xiexie2" },
{ title: "nihao3", des: "xiexie3" }
]
},
methods: {
shuffle() {
// lodash的shuffle方法
thisitems = _shuffle(thisitems);
}
}
});
</script>
操作如下:
问题出现了:发生变化时,子组件 没有更新
ps: 测试临时 DOM 状态 (例如:表单输入值)可以参考这个链接 List Rendering and Vue's v-for Directive
key的作用
这个时候引入 key 就可以解决这个问题。 key 的作用是给予一个节点唯一的身份识别,有相同父元素的子元素必须有独特的 key 。这样它可以前后对比,算出哪些节点是要重复使用或者调整顺序。比如原先的 key 的顺序是 i1,i2,i3 ,之后变成了 i2,i1,i3 这个时候只要i3保持不变,把i2 insertBefore 到i1节点前就行了(以上是举例,vue具体怎么操作的需要去研究源码)。如果是利用数组的 index 来作为 key 则两次对比没有区别,就会出现上面动图里出现的子组件没有更新的情况。
可以通过查看下面两个动图查看dom节点的变化。第一个gif是没有使用 key ,第二个是使用了 key 。可以看到我点了按钮后,第一个只是更新 <p> 标签的内容节点。第二个是移动了某一项的 <li> 标签。
ps: 另外可以通过chrome的dom断点功能查看子元素的插入删除。
DOM 更改断点
key的其他用途
key不是只能用在v-for上还可以用在其他元素上。如下代码
<div v-if="toggle">Hello</div>
<div v-else>Goodbye</div>
切换toggle时,它也是切换div。如果你想用上enter/leave animations时,即节点插入和删除的时候的动画时就要打破这个复用,如下:
<transition>
<div v-if="toggle" key="1">Hello</div>
<div v-else key="2">Goodbye</div>
</transition>
总结
如果你的列表不发生变化,或者你只是往列表最后一项添加元素则看似不必要增加 key 字段。但是你的项目中有很多列表的时候,你有的需要加 key ,有的不需要加。还不如所有的都加上呢避免别人理解困难(^_^)ノ。
参考链接
https://vuejsorg/v2/guide/listhtml#key
vuejsorg/v2/api/#key
https://forumvuejsorg/t/simple-clarification-of-when-using-key-with-v-for-is-appropriate-and-why/28966/5
希望采纳,谢谢 [00:1289]钟铉这种时候看来 我真的很孩子气 在眼前不知道 该怎么办 [00:2283]温流爱情是 怎样开始的 对爱着的人诉说 [00:3271]泰民何时才能到来 能牵起她的手的那天 [00:3755]钟铉在她闭起 双眼的那天kiss的 那天也会到来吗 [00:4240]hello hello [00:4471]Key鼓起了勇气 [00:4723]hello hello [00:4961]温流简短的聊一天吗 [00:5213]hello hello [00:5455]钟铉也许我有点生疏 [00:5742]who knows 我们也许 [01:0065]泰民能有好结果呢 [01:0761]珉豪是要去靠近 还是再等等 [01:1225]钟铉用其他语言 表达更加困难 [01:1573]温流无法相信吧 [01:1760]Key越看越觉得 眼光很高 [01:1948]温流这种事不会 让我觉得惊奇 相信我的话吧 yeah [01:2714]泰民能不动声色的 抱住她的那天会来吗 [01:3164]温流相信所有的事情 都能像想象中的 一样实现的话吧 [01:3672]hello hello [01:3914]钟铉鼓起了勇气 [01:4166]hello hello [01:4403]Key简短的聊一下天吗 [01:4660]hello hello [01:4907]泰民也许我有一点生疏 [01:5187]who knows 我们也许 [01:5454]钟铉oh yeah [01:5646]钟铉不是第一次 说实话有过爱 也有过离别 [02:0604]温流但是很难吧 相信这句话吧 [02:1084]钟铉那时是不一样的 yeah~~ [02:1639]hello hello [02:1866]珉豪这次赌上我的全部 [02:2129]hello hello [02:2264]KeyOoh yeah [02:2355]baby baby baby girl [02:2627]hello hello [02:2835]钟铉即使不知道 现在会怎样 [02:3167]who knows 也许我们 [02:3425]hello hello [02:3566]珉豪hello 在我身边 陪伴的时刻继续 [02:3995]KeyUp~~yeah [02:4070]hello hello [02:4221]什么都无法 与之相比较的喜悦 no more 无法表达那一刻 抓住我的手的话 [02:4695]温流给我机会 [02:4841]hello hello [02:4881]never let you go [02:4952]钟铉是啊 即使不知道现在会怎样 [02:5239]who knows 我们俩这样的爱的话 绝对不放手 who knows 我们俩 [02:5658]温流也许是命运 [02:5844]hello hello
欢迎分享,转载请注明来源:品搜搜测评网