v-show和v-if指令的异同点

1.共同点：控制元素的显示和隐藏。

2.不同点：实现本质用法不同，v-show本质就是通过控制css中的display设置为none，控制隐藏，只会编译一次；v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为false，就不会编译了。v-if不停的销毁和创建比较消耗性能。

v-show

<div v-show="isShow">v-show</div>
data () {
return {
isShow:false

}
}

 

v-if

 

<div v-if="isShow"> v-if </div>
data () {
return {
isShow:false
}
},