【Vue学习笔记_06】v-if/v-show条件判断

配套可执行代码示例 => GitHub

v-if指令

当v-if绑定的条件满足，即boolean值为true时才渲染该元素及其子元素。

<div id="app">
  <h2 v-if="isShow">{
  {msg}}h2>
div>

<script>
  const app = new Vue({
     
    el: '#app',
    data: {
     
      msg: 'Hello',
      isShow: true
    }
  }