实例演示列表渲染与条件渲染指令
<body>
<div class="app">
<p v-if="flag">{{message}}</p>
<button @click="flag = !flag" v-text="flag? '男的':'女的'"></button>
</div>
<script>
Vue.createApp({
data() {
return {
message: "前面的人是?",
flag: true,
};
},
}).mount(".app");
</script>
</body>
将true改成false,显示如下: