vue学习笔记3——v-show

v-show

1. 作用：通过判断，是否显示该内容。如果值为true，则显示。否则就隐藏。
2. 语法：v-show=”判断表达式”
3. 特点：元素会始终渲染在DOM中，只是被设置了display:none
4. 举个栗子
   <div id="app">
   <p v-show="seen">show and hide</p>
   </div>
   var app = new Vue({
   el : '#app',
   data : {
   seen : true
   }
   })
   运行结果 ：
   

从中我们可以看出 ：

v-show与否通过内联样式display：none来体现
这里可以给seen赋任何值，浏览器会根据转化后的值来判断是否显示
其中空数组和空对象会显示，undefined，null，0会隐藏，1等也会显示