vue的条件语句的练习

1、v-if语句的使用：

<body>
  <div id ="app"> 
    <h2 v-if="isShow">
    <div>abc</div>
    <div>abc</div>
    <div>abc</div>
    <div>abc</div>
    {{message}}
    </h2>

  </div>

  <script>
   //创建Vue实例,得到 ViewModel
   var vm = new Vue({
    el: '#app',
    data: {
      message:'你好啊！',
      isShow:true
    },
    methods: {}
   });
  </script>
</body>

 

posted @ 2022-03-05 23:13  starter123  阅读(28)  评论(0)    收藏  举报