好的
因為前兩天
Vue的插(值)法和效果
來回顧下吧：

• Vue的基本語法1： Interpolations(插值)
  • 1. Text (文本)
       “Mustache”语法 (双大括号) ，「 {{ }} 」，最常見簡單的作法
  • 2. Raw HTML (原始HTML)
       “v-html”语法 的使用，「 v-html 」，插入Raw Html
  • 3. Attributes (屬性綁定、單向綁定)
       「 v-bind 」這方法跟 “Mustache”语法 一樣，是最常見常用的方式
       「 v-bind:<attributes> 」的縮寫為「 :<attributes> 」
  • 4. Using JavaScript Expressions (JavaScript表達式)
       使用Javascript的表達式，支持「 所有數據的綁定 」

看～容易吧～
好的，因為又要趕著加班
快速進下一語法

• Vue的基本語法2： if(判斷式)
  再講判斷之前，有個疑問?
  有沒有覺得，阿勒「 v-html 」、「 v-bind 」，為啥前面要有個「 v 」?我是要裝Ｂ又不是要演超人
  哼哼
  賊哩丟Ｕ縮噗低啦～
  「 v- 」這是一種 口令，阿不是...是 指令(Directives)!
  來看看下官方解釋：

  Directives are special attributes with the v- prefix. Directive attribute values are expected to be a single JavaScript expression (with the exception of v-for, which will be discussed later). A directive’s job is to reactively apply side effects to the DOM when the value of its expression changes. Let’s review the example we saw in the introduction:

     <p v-if="seen">Now you see me</p>
  

  Here, the v-if directive would remove/insert the element based on the truthiness of the value of the expression seen.

  Directives

  • 1. 單一javascript表達式
  • 2. 當表達式的值改變時，響應式地作用於DOM

  好的
  「 v-if 」：
  條件式渲染
  如果條件成立，則「插入」元素；如果不成立，則「移除」元素
  !? !?
  對! 發現沒有
  他是對DOM做「 append 或 remove 」
  好的，久違的畫面來下

      <p v-if="seen">笑 還笑</p>
      <p v-if="!seen">消失給你看看</p>
  

      seen = true;
  

  Conditional Rendering
  因為之前喇太多廢話，佔版，所以之前的我先移除
  
  
  
  
  好的～我們發現了一件事
  上圖，「 v-if 」移除元素的位置，他會用「 <!----> 」做標記

  好的～
  延伸延伸～
  我想要「 v-if 」單一判斷成立與否
  若否，則顯示
  恩～這功能不錯!
  當然有呀
  「 v-else 」!!
  來來～之接上畫面囉
  
  

將將～累了...
來去加班

明天續續～