vue v-if的使用

最新推荐文章于 2024-08-14 18:45:25 发布

WangDaLi_

最新推荐文章于 2024-08-14 18:45:25 发布

阅读量1.3k

点赞数

分类专栏： vue 知识点

本文链接：https://blog.csdn.net/WangDaLi_/article/details/93039857

版权

vue 知识点专栏收录该内容

5 篇文章 0 订阅

订阅专栏

和c标签if使用一样 vue if使用是v-if=""
值为真显示结果值为假不显示

<body>
	<div id="demo">
  <p v-if="ok">QQQQQQQ</p>
  <p v-else>qqqqqq</p>

  <hr>
  <p v-show="ok">AAAAAA</p>
  <p v-show="!ok">aaaaaa</p>

</div>

<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
  new Vue({
    el: '#demo',
    data: {
      ok: false
    }
  })
</script>
</body>

以上但值为假时 ok=false时
显示结果为:
在这里插入图片描述
当值为真时 ok=true时
显示结果: