主要区别:
v-show是操作通过操作当前元素的 display: none;属性来将元素显示或隐藏。
v-if是在当前DOM树中将这个DOM节点直接去除掉。
使用情况:
如果当前元素需要经常切换推荐使用v-show,不经常切换使用v-if。
v-if的好处是在页面初始化时并没有加载该元素,需要时再加载出来,节省渲染时间。
主要区别:
v-show是操作通过操作当前元素的 display: none;属性来将元素显示或隐藏。
v-if是在当前DOM树中将这个DOM节点直接去除掉。
使用情况:
如果当前元素需要经常切换推荐使用v-show,不经常切换使用v-if。
v-if的好处是在页面初始化时并没有加载该元素,需要时再加载出来,节省渲染时间。