<!--
  问题一：这种情况下，假如循环20次，v-if是判断20次还是1次？
  data: {
    flag: false,
    listObj: {
      a: {title: '1'},
      b: {title: '2'},
      c: {title: '3'},
      d: {title: '4'}
    }
  }
-->
<li v-for="(value, key, index) in listObj" :key="key">
  <span v-if="flag">{{value.title}}</span>
</li>

<!--
  问题二，这种情况下，假如循环20次，v-if我认为是判断20次，
  可以如果是判断20次，这种写法是不是和 v-for v-if写在一起一样了？
  data: {
    listObj: {
      a: {title: '1', flag: false},
      b: {title: '2', flag: true},
      c: {title: '3', flag: true},
      d: {title: '4', flag: false}
    }
  }
-->
<li v-for="(value, key, index) in listObj" :key="key">
  <span v-if="value.flag">{{value.title}}</span>
</li>