Vue入门之v-if的使用

最新推荐文章于 2023-09-16 17:59:12 发布

mingyizhang1995

最新推荐文章于 2023-09-16 17:59:12 发布

阅读量595

点赞数

本文链接：https://blog.csdn.net/mingyizhang1995/article/details/84577640

版权

在vue中一些常用的指令都是v-这样的，v-if是vue的一个内部指令，常用于html中

代码

 
    <!DOCTYPE html> 
   
    html lang="en"> 
   
    <head> 
   
     <meta charset="UTF-8"> 
   
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
   
     <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
   
     <title>v-IF</title> 
   
     <script src="../assets/js/vue.js"></script> 
   
    </head> 
   
    <body> 
   
     　　<div id="app"> 
   
     　　<div v-if='isLogin'>你好，jsY</div> 
   
     　　</div> 
   
    　　 <script> 
   
     　　　　var Vm = new Vue({ 
   
     　　　　el:'#app', 
   
     　　　　data:{ 
   
     　　　　isLogin:false //当isLogin为false时 你好，jsY是不显示的，为true的时候是显示的 
   
     　　　　} 
   
    　　　　 })  
   
     　　</script> 
   
    </body> 
   
    </html> 
   
    运行结果 
   
    当isLogin的值为false的时候 
   
     当isLogin的值为true的时候

优惠劵

mingyizhang1995

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue入门之v-if的使用

在vue中一些常用的指令都是v-这样的，v-if是vue的一个内部指令，常用于html中代码&lt;!DOCTYPE html&gt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-wid
复制链接

扫一扫