v-if
<body>
<div id="app">
<p v-if="flag">{{msg}}</p>
<p v-if="flag1">{{msg}}</p>
<p v-show="flag">{{msg}}</p>
<p v-show="flag1">{{msg}}</p>
<hr>
<div v-for="(item, index) in person" :key="index" v-if="item.age>=18">{{item.name}}---{{item.age}}</div>
<hr>
<div v-if="num==1">1</div>
<div v-else-if="num==2">2</div>
<div v-else="num==3">3</div>
</div>
</body>
</html>
<script src="node_modules/vue/dist/vue.js"></script>
<script>
let vm = new Vue({
el: '#app',
data: {
flag: true,
flag1: false,
msg: "hello",
person: [
{ name: "张三", age: 18 },
{ name: "李四", age: 19 },
{ name: "王五", age: 20 },
{ name: "赵六", age: 17 },
{ name: "钱七", age: 16 },
],
num: 1
},
methods: {
}
})
</script>
浙公网安备 33010602011771号