首页 > 技术文章 > Vue v-if以及 v-else 的使用

liazhimao 2020-10-16 14:36 原文

 1    <body>
 2         <div id="app">
 3             <p v-if="ok">现在你可以看到我了</p>
 4             <p v-else>隐藏了</p>
 5             <template v-if="seen">
 6                 <h1>前端</h1>
 7                 <p>技术和梦想!</p>
 8                 <p>哈哈哈</p>
 9             </template>
10         </div>
11     </body>
12     <script>
13         new Vue({
14             el:'#app',
15             data:{
16                 ok:true,
17                 seen:true,
18             }
19         })
20     </script>

 

推荐阅读