首页 > 代码库 > vue指令v-if示例解析

vue指令v-if示例解析

v-if根据表达式的值的真假条件渲染元素。

 1 <div id="app">
 2   <p v-if="isRender">this is a message!</p>
 3 </div>
 4 <script>
 5   var app = new Vue({
 6     el:#app,
 7     data:{
 8       isRender: true //如果为false则不渲染改元素
 9     }
10   })
11 </script>

 

vue指令v-if示例解析