用 key
管理可复用的元素
Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处
举个例子:页面需要点击不同的按钮切换不同的内容,如果不加key,页面只是内容变了,dom还是复用了之前的dom,这样并不合理
可以在dom节点上加 :key="new Date()",可以用时间戳区别key,每次可以的不同
之前遇到过一个问题,项目切换账号后,进入相应的页面,数据并未刷新,还是上个上号的数据,key可以通过路由区区分
1 <router-view :key="$route.fullPath"></router-view>