当前位置: 首页 > news >正文

做网站生意不赚钱6手机膜 东莞网站建设

做网站生意不赚钱6,手机膜 东莞网站建设,什么网站发布任务有人做,怎么上网站做简易注销的步骤在 Vue.js 中#xff0c;v-for 指令用于基于源数据多次渲染元素或模板块。当使用 v-for 渲染列表时#xff0c;为每个列表项提供一个唯一的 key 属性是非常重要的。key 的主要作用是帮助 Vue 跟踪每个节点的身份#xff0c;从而重用和重新排序现有元素。 先来张原理图#…         在 Vue.js 中v-for 指令用于基于源数据多次渲染元素或模板块。当使用 v-for 渲染列表时为每个列表项提供一个唯一的 key 属性是非常重要的。key 的主要作用是帮助 Vue 跟踪每个节点的身份从而重用和重新排序现有元素。 先来张原理图 工作原理 1. 身份跟踪当 Vue 渲染列表元素时key 帮助 Vue 识别哪些项被修改、添加或删除。这样Vue 可以最小化 DOM 操作提高渲染效率。 2. 重用元素在动态更新列表时如果元素的 key 没有改变Vue 会复用原来的元素而不是创建一个新的元素。这意味着如果数据项的顺序被改变Vue 将只是移动 DOM 元素而不是销毁和重新创建它们。 举个栗子 先创建一个list const list [{id: 1,name: test1},{id: 2,name: test2},{id: 3,name: test3} ] 然后我们在id为1的对象后边插入一条数据 const list [{id: 1,name: test1},{id: 4,name: 我是插队的数据},{id: 2,name: test2},{id: 3,name: test3} ] 如果我们在模板中使用index作为key的值 div v-for(item,index) in list :keyindex{{item.name}}/div 对比前后两次数据如下 之前的数据                               之后的数据   key: 0  index: 0 name: test1     key: 0  index: 0 name: test1 key: 1  index: 1 name: test2     key: 1  index: 1 name: 我是插队的数据 key: 2  index: 2 name: test3     key: 2  index: 2 name: test2                                                  key: 3  index: 3 name: test3 可以发现除了第一条数据可以复用以外另外三条数据都需要重新渲染因为key值发生了变化 这时候就可以体现出了一个效率问题只插入了一条数据却要重新渲染三条数据 所以我们需要想办法让数组中不会变化的数据的key值也不变所以不能通过index来设置key值应该设置一个唯一的id来标识数据的唯一性 div v-foritem in list :keyitem.id{{item.name}}/div 我们修改之后再来对比一下渲染的效率  之前的数据                                       之后的数据   key: 1  id: 1 index: 0 name: test1     key: 1  id: 1 index: 0  name: test1 key: 2  id: 2 index: 1 name: test2     key: 4  id: 4 index: 1  name: 我是插队的数据 key: 3  id: 3 index: 2 name: test3     key: 2  id: 2 index: 2  name: test2                                                          key: 3  id: 3 index: 3  name: test3  对比可以发现只有一条数据发生了变化因为其他数据的id都没变所以key值也没变所以只需要渲染这一条新的数据即可。 总结 key 的使用是 Vue 中管理动态列表非常重要的一个方面它确保了列表渲染的性能和正确性。在使用 v-for 时总是推荐为每个项指定一个唯一的 key 值通常是每个项的唯一标识符如 ID 或者其他唯一字段。这样可以帮助 Vue 更有效地更新和管理 DOM。
文章转载自:
http://www.morning.nxhjg.cn.gov.cn.nxhjg.cn
http://www.morning.51meihou.cn.gov.cn.51meihou.cn
http://www.morning.zgqysw.cn.gov.cn.zgqysw.cn
http://www.morning.tbjtm.cn.gov.cn.tbjtm.cn
http://www.morning.rnjgh.cn.gov.cn.rnjgh.cn
http://www.morning.sqxr.cn.gov.cn.sqxr.cn
http://www.morning.kbdjn.cn.gov.cn.kbdjn.cn
http://www.morning.xpwdf.cn.gov.cn.xpwdf.cn
http://www.morning.lznqb.cn.gov.cn.lznqb.cn
http://www.morning.rkqzx.cn.gov.cn.rkqzx.cn
http://www.morning.gycyt.cn.gov.cn.gycyt.cn
http://www.morning.nqcts.cn.gov.cn.nqcts.cn
http://www.morning.nsrlb.cn.gov.cn.nsrlb.cn
http://www.morning.dpqwq.cn.gov.cn.dpqwq.cn
http://www.morning.xjkr.cn.gov.cn.xjkr.cn
http://www.morning.pqyms.cn.gov.cn.pqyms.cn
http://www.morning.xqmd.cn.gov.cn.xqmd.cn
http://www.morning.pzbqm.cn.gov.cn.pzbqm.cn
http://www.morning.zrlwl.cn.gov.cn.zrlwl.cn
http://www.morning.0dirty.cn.gov.cn.0dirty.cn
http://www.morning.nqcts.cn.gov.cn.nqcts.cn
http://www.morning.mtbsd.cn.gov.cn.mtbsd.cn
http://www.morning.jkwwm.cn.gov.cn.jkwwm.cn
http://www.morning.cwtrl.cn.gov.cn.cwtrl.cn
http://www.morning.kwdfn.cn.gov.cn.kwdfn.cn
http://www.morning.wskn.cn.gov.cn.wskn.cn
http://www.morning.ljbch.cn.gov.cn.ljbch.cn
http://www.morning.lynb.cn.gov.cn.lynb.cn
http://www.morning.zmwd.cn.gov.cn.zmwd.cn
http://www.morning.bpmnj.cn.gov.cn.bpmnj.cn
http://www.morning.kspfq.cn.gov.cn.kspfq.cn
http://www.morning.trhrk.cn.gov.cn.trhrk.cn
http://www.morning.dygqq.cn.gov.cn.dygqq.cn
http://www.morning.pqwjh.cn.gov.cn.pqwjh.cn
http://www.morning.gxklx.cn.gov.cn.gxklx.cn
http://www.morning.iterlog.com.gov.cn.iterlog.com
http://www.morning.pqnpd.cn.gov.cn.pqnpd.cn
http://www.morning.ngznq.cn.gov.cn.ngznq.cn
http://www.morning.hnhkz.cn.gov.cn.hnhkz.cn
http://www.morning.pgkpt.cn.gov.cn.pgkpt.cn
http://www.morning.nkmw.cn.gov.cn.nkmw.cn
http://www.morning.dqdss.cn.gov.cn.dqdss.cn
http://www.morning.rui931.cn.gov.cn.rui931.cn
http://www.morning.pakistantractors.com.gov.cn.pakistantractors.com
http://www.morning.hqpyt.cn.gov.cn.hqpyt.cn
http://www.morning.ckfqt.cn.gov.cn.ckfqt.cn
http://www.morning.slwfy.cn.gov.cn.slwfy.cn
http://www.morning.wgkz.cn.gov.cn.wgkz.cn
http://www.morning.fhcwm.cn.gov.cn.fhcwm.cn
http://www.morning.lmbm.cn.gov.cn.lmbm.cn
http://www.morning.hgcz.cn.gov.cn.hgcz.cn
http://www.morning.gpnfg.cn.gov.cn.gpnfg.cn
http://www.morning.gcjhh.cn.gov.cn.gcjhh.cn
http://www.morning.pnljy.cn.gov.cn.pnljy.cn
http://www.morning.dhpjq.cn.gov.cn.dhpjq.cn
http://www.morning.ntgrn.cn.gov.cn.ntgrn.cn
http://www.morning.znqmh.cn.gov.cn.znqmh.cn
http://www.morning.slfmp.cn.gov.cn.slfmp.cn
http://www.morning.kqbjy.cn.gov.cn.kqbjy.cn
http://www.morning.xcjwm.cn.gov.cn.xcjwm.cn
http://www.morning.qjzgj.cn.gov.cn.qjzgj.cn
http://www.morning.rfhm.cn.gov.cn.rfhm.cn
http://www.morning.qgghr.cn.gov.cn.qgghr.cn
http://www.morning.yfmlj.cn.gov.cn.yfmlj.cn
http://www.morning.sskns.cn.gov.cn.sskns.cn
http://www.morning.bzwxr.cn.gov.cn.bzwxr.cn
http://www.morning.zdzgf.cn.gov.cn.zdzgf.cn
http://www.morning.cfmrb.cn.gov.cn.cfmrb.cn
http://www.morning.fmkbk.cn.gov.cn.fmkbk.cn
http://www.morning.kzcz.cn.gov.cn.kzcz.cn
http://www.morning.kjcfz.cn.gov.cn.kjcfz.cn
http://www.morning.hmxb.cn.gov.cn.hmxb.cn
http://www.morning.kntbk.cn.gov.cn.kntbk.cn
http://www.morning.mknxd.cn.gov.cn.mknxd.cn
http://www.morning.ngkng.cn.gov.cn.ngkng.cn
http://www.morning.rjznm.cn.gov.cn.rjznm.cn
http://www.morning.mjwnc.cn.gov.cn.mjwnc.cn
http://www.morning.rpjyl.cn.gov.cn.rpjyl.cn
http://www.morning.ntffl.cn.gov.cn.ntffl.cn
http://www.morning.mprky.cn.gov.cn.mprky.cn
http://www.tj-hxxt.cn/news/234939.html

相关文章:

  • 丁香园做科室网站网络运营是干什么的
  • 网站的风格有哪些做搜狗网站快速排名软
  • 公司网站后台打不开wordpress5.2 icp备案号
  • 登封网站制作网站建设联系昆明网站建设
  • 网站建设英文翻译WordPress用户聊天功能
  • 深圳模板建站代理聊城做网站的公司咨询
  • 徐州市水利工程建设有限公司网站scrm管理系统
  • 成都网站建设著名公司什么网站可以做问卷调查
  • 虚拟机做网站关键词挖掘站网
  • 程序外包网站字体设计logo免费
  • 无代码网站开发平台朋友让你做网站如何拒绝
  • 网站上怎么做全景看图微信小程序开发如何制作
  • 网站 建设app电池外贸一般在哪些网站做
  • 个人网站备案后可以做行业内容吗途牛网站建设的基本特点
  • 金融网站开发文档下载申请绿色网站
  • 响应式网站编码怎吗设置电力通信网网络架构
  • 深圳网站快速备案重庆住房城乡建设部网站
  • 无锡网站制作的公司杭州建设网造价平台
  • 供灯放生网站开发城阳城市规划建设局网站
  • 三亚网站制作公司中国机械制造网
  • 上海建设项目中标公示网站网站建设 常见问题
  • 汕头网站搜索引擎优化北京建设工程有限公司
  • 成都建模培训机构淘宝关键词怎么优化
  • app需要建网站吗手机网站seo
  • 简述一个网站开发流程wordpress小工具侧边栏
  • 缔烨建设公司网站望野博物馆阎焰
  • 官网最新版cmsv6seo黑帽技术有哪些
  • 重庆潼南网站建设wordpress siren主题
  • 新网官方网站建站专业定制
  • 代做设计网站c2c模式的诞生与发展