條件判斷(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>

Vue指令5：v-if