Twenty-six

条件渲染指令

v-if:动态移除或创建元素(如果刚进入页面的时候,某些元素默认不需要被显示,而且后期这个元素很可能也不需要被展示出来)

v-show: 添加或移除display:none的样式(频繁切换元素的显示状态,性能更好)

实际开发不太需要考虑性能问题

列表渲染指令

v-for指令还支持一个可选的第二个参数,即当前项的索引,语法格式为(ite,index)in items(v-for指令中的item项和index索引都是形参,可以根据需要进行重命名,例如(user,i)in userlist)

官方建议:只要用到v-for指令,那么一定要绑定一个  :key  属性

(尽量把id作为key的值)

官方对key的值类型要求:字符串或数字类型

key的值千万不能重复

使用index的值当作key的值是没有任何意义(index的值不具有唯一性)

 

posted on 2022-06-02 18:54  叁柒叭  阅读(105)  评论(0)    收藏  举报