相同点:v-if和v-show都是控制DOM元素的显示和隐藏的
不同点:
1.原理:
v-if是通过对DOM元素的添加和删除,完成显示和隐藏的。
v-show是通过控制元素的样式属性display的值,来完成显示和隐藏。
2.使用场景:由原理(做法)得出使用场景的区别
v-if:当DOM元素切换不频繁,可以使用。特别是首次元素处于隐藏的情况下。
v-show:使用在DOM元素频繁切换到的场景。
相同点:v-if和v-show都是控制DOM元素的显示和隐藏的
不同点:
1.原理:
v-if是通过对DOM元素的添加和删除,完成显示和隐藏的。
v-show是通过控制元素的样式属性display的值,来完成显示和隐藏。
2.使用场景:由原理(做法)得出使用场景的区别
v-if:当DOM元素切换不频繁,可以使用。特别是首次元素处于隐藏的情况下。
v-show:使用在DOM元素频繁切换到的场景。