博客列表 >实例演示列表渲染与条件渲染指令

实例演示列表渲染与条件渲染指令

P粉751989631
P粉751989631原创
2022年11月25日 21:21:37390浏览

实例演示列表渲染与条件渲染指令

  1. <body>
  2. <div class="app">
  3. <p v-if="flag">{{message}}</p>
  4. <button @click="flag = !flag" v-text="flag? '男的':'女的'"></button>
  5. </div>
  6. <script>
  7. Vue.createApp({
  8. data() {
  9. return {
  10. message: "前面的人是?",
  11. flag: true,
  12. };
  13. },
  14. }).mount(".app");
  15. </script>
  16. </body>

运行结果

将true改成false,显示如下:

运行结果

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议