Vue入门之v-if的使用

时间：2018-09-01 00:46:48 阅读：184 评论：0 收藏：0 [点我收藏+]

标签：hit assets 结果 set 技术 space ble var str

在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的时候
 
 
 

Vue入门之v-if的使用

标签：hit assets 结果 set 技术 space ble var str

原文地址：https://www.cnblogs.com/xyzmy/p/9568826.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行