Vue入门之v-if的使用

2024-08-29 19:40:57

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

最新文章

热门文章