vue里的v-show和v-if

Posted dangdanghepingping

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue里的v-show和v-if相关的知识,希望对你有一定的参考价值。

v-show:false            对应的是display:none;不移除dom元素。对网页渲染性能更好,适应于频繁的操作该dom的显示隐藏。

v-if:  false       对应的是彻底移除dom元素,对应的是v-if v-else,适应于一次渲染后不频繁改动dom。

visibility: hidden;  不可触发绑定的事件

opacity: 0;  可以触发绑定的事件;

以上是关于vue里的v-show和v-if的主要内容,如果未能解决你的问题,请参考以下文章

v-show echarts宽高问题

vue里的v-show和v-if

vue基础知识简述(v-if&v-for&v-show&v-model)

vue中v-if和v-show的区别

Vue.js常用指令:v-show和v-if

vue v-show的使用