v-show还是v-if？

Question

<div class="slide-content-wrapper" v-show="menuVisible && settingVisible===3">
	<transition name="slide-right">
	  <div class="content" v-if="settingVisible===3">
	    <div class="content-page"></div>
	    <div class="content-page-tab"></div>
	  </div>
	</transition>
</div>

目录wrapper这种用 v-show好还是v-if好，v-if是不是会节省一些性能，还是没有多少差别？

Answer 1

Sam 2019-03-18 09:21:53

你好，这个问题主要涉及v-show和v-if的区别：

1）加载时，v-if性能更好，因为v-if不需要加载不显示的dom，而v-show需要全部加载

2）切换时，v-show性能更好，因为切换时，v-show只需要修改display属性，而v-if需要加载整个dom

所以最终选择哪一条看你是否需要频繁切换，如果频繁切换，选v-show，如果对首屏打开速度比较敏感选v-if

• 提问者 慕神7088389 #1

  非常感谢！