如何做网站优惠券推广,wordpress设置付费,做燕鲍翅的网站,企业网站制作哪家好Vue通过Key管理状态
Vue 默认按照“就地更新”的策略来更新#xff0c;通过 v-for 渲染的元素列表。当数据项的顺序改变时#xff0c;Vue 不会随之移动 DOM 元素的顺序#xff0c;而是就地更新每个元素#xff0c;确保它们在原本指定的索引位置上渲染。为了给 Vue 一个提示…Vue通过Key管理状态
Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时Vue 不会随之移动 DOM 元素的顺序而是就地更新每个元素确保它们在原本指定的索引位置上渲染。为了给 Vue 一个提示以便它可以跟踪每个节点的标识从而重用和重新排序现有的元素你需要为每个元素对应的块提供一个唯一的 key attribute:
template
divp v-for(item,index) in name :keyindex {{ item }}----/p/div
/template
scriptexport default{data(){return{name:[张三,李四,王五],}}
}/script
运行结果 key的来源
请不要使用 index 作为 key 的值我们要确保每一条数据的唯一索引不会发生变化。通常使用id来作key的值
