v-show是通过其值为true或者false来决定所包含的元素是否显示。举例如下:
HTML:<div id="app"> <p v-show="ok">123</p></div>JavaScript(Vue):
var vm = new Vue({ el: '#app', data: { ok: true }});默认情况下运行结果会在页面上显示这个p元素,也就是会出现123字符串。
当大家在控制台中使用vm.ok=false;将其值设置为false后。123字符串将立即消失,即p元素被隐藏了。