Vue指令5：v-if

条件判断(v-if\v-else)

v-if 指令将根据表达式的真假值(true 或 false )来决定是否插入 元素。

<div id="app">
   <ul v-if="ok">
          <li>
         这是一段文本字符串这是一段文本字符串这是一段文本字符串这是一段文本字符串
         这是一段文本字符串这是一段文本字符串这是一段文本字符串这是一段文本字符串
      </li>
   </ul>

   <ul v-else>
          <li>
         这是小五当官这是小五当官这是小五当官这是小五当官
      </li>
   </ul>

</div>

<script>

   new Vue({
     el: '#app',
     data: {
      ok: true
     }
   })

</script>