weixin_42028865的博客

由于v-for的优先级比v-if高，所以导致每循环一次就会去v-if一次，而v-if是通过创建和销毁dom元素来控制元素的显示与隐藏，所以就会不停的去创建和销毁元素，造成页面卡顿，性能下降。 解决办法： 在v-for的外层或内层包裹一个元素来使用v-if 用computed处理 ...

组件传值分为父子组件、子父组件、兄弟组件 父子： 父 data(){return{a:1}} <son :a=”a”> 子：props:[“a”] <div>{{a}}</div> 子父： 子：data(){return{a:1}} methods: { btn() {this.$emit(“方法名称”，value)} } 父： <son @方法名称=“方法名称”> Methods:{ 方

可以提高虚拟DOM的更新效率，vue中默认“就地复用”策略，在dom操作的时候，如果没有key会造成选项错乱，key只能是字符串或者num 在进行页面更新时，会通过Diff算法对虚拟DOM进行更新，因为真实的DOM消耗比较大。 假设我们需要对数组进行增删改查，我们需要快速定位到某一项，所以我们需要给每项绑一个具体的唯一的id值 1，无：key属性时，状态默认绑定的是位置；有：key属性时，状态根据key的属性值绑定到了相应的数组元素。 2，如果key绑定的是当前元素在数组中的索引index，会造成绑定索引执

v-if与v-show都可以动态控制dom元素显示隐藏 1、v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css–display:none，dom元素还在 2、 v-if有DOM编译和卸载的过程，v-if是惰性的，当条件为真时开始局部编译，v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存 3、v-if有更高的切换消耗；v-show有更高的初始渲染消耗 4、v-if适合运营条件不大可能改变；v-show适合频繁切换 ...