v-if 与 v-show 的区别

121 阅读1分钟
  • v-show 1.不会删除元素,只是在元素上增加了内联样式display:none;属性。

  • v-if 1.会创建和删除元素,操作dom,可以结合v-else,v-else-if使用。

总结

  • v-show对于频繁显示与隐藏具有性能优化。
  • v-if对需要隐藏之后做出一些操作比较好,因为它会重新渲染组件,所以又可以在created,mounted做些事情。