doc---vue-cli脚手架项目问题总结(1)——vue的不常用知识及易错语法点

##、v-show和v-if的使用区别

v-show 是样式display的值为none和block的切换,页面上本来就存在这些html代码,对于这些代码注册事件可以直接注册;

v-if 是页面不存在这些html代码,在其为true的时候开始加载渲染这些html代码,对于该部分代码注册事件要用动态注册

##、v-for比v-if有更高的优先级

...

先执行的是v-for,如果是要通过item.id来筛选显示,则有时会出错,可能把所有的item都显示出来的。所以最好的做法是:

...

##、vue中的 $delete和delete的区别

Vue.delete 直接删除了数组 改变了数组的键值;

delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。

testArr  : [1,2,3,4,5],
testArr1 : [1,2,3,4,5],

that.$delete(that.testArr, 1)
console.log(that.testArr)			// [1, 3, 4, 5]

delete that.testArr1[1]	
console.log(that.testArr1)		// [1, empty, 3, 4, 5]

##、Vue的$forceUpdate方法

this.$forceUpdate(); //强制刷新,解决页面不会重新渲染的问题

 

你可能感兴趣的:(doc---vue-cli脚手架项目问题总结(1)——vue的不常用知识及易错语法点)