Vue 基礎(chǔ)（1）
el 選項：
1. 可以是 css 選擇器的格式字符串 或 HTMLElement 實例，且只能是單個實例。
2.? 掛載完畢后，可以通過 vm.$el 進行訪問。
????? 例如：上面的vm實例就可以這樣獲?。?console.log( vm.$el )
3. 未設(shè)置 el 的Vue實例，可以通過 .$mount() 進行掛載，其參數(shù)形式與el規(guī)則相同。
插值表達式：{{}}
只能書寫在標(biāo)簽內(nèi)容區(qū)域，可以與其他內(nèi)容混合。
內(nèi)部只能書寫JavaScript表達式，不能書寫語句。
data 選項
用于存儲Vue實例需要使用的數(shù)據(jù)，值為對象類型。
data 中的數(shù)據(jù)可以通過 vm.$data 或 vm. 數(shù)據(jù)直接訪問。
??? 3.? data 中的數(shù)據(jù)可以直接在視圖中，通過插值表達式訪問。
??? 4. data 中的數(shù)據(jù)為響應(yīng)式數(shù)據(jù)，發(fā)生改變時，視圖會自動更新。（即：數(shù)據(jù)驅(qū)動視圖）
??? 5. data 中存在數(shù)組時，索引操作和length操作無法自動更新視圖，這時可以借助 Vue.set()? 方法替代操作。
??
methods 選項：
用于存儲需要在Vue實例中使用的函數(shù)。
methods 中的方法可以通過 Vue實例.方法名 直接訪問。
方法中的 this 為 Vue實例，可以便捷的訪問 實例data 中的數(shù)據(jù)。
methods中定義的方法也可以操作 methods中的其他方法。
Vue 指令：
Vue中的指令的本質(zhì)上是以 v- 開頭的 HTML自定義屬性。
HTML 有兩種屬性形式：固有屬性( 如：src title value style class 等) ；自定義屬性(一般用于存儲數(shù)據(jù))。
鑒于自定義屬性在Vue中應(yīng)用極多，所以這里簡單介紹下自定義屬性：
setAttribute 和 getAttribute
二者異同是：setAttribute 和 getAttribute 可以操作所有自定義屬性，而dataset只是自定義屬性的一個子集，只能操作 data-屬性名 格式的自定義屬性。
內(nèi)容處理功能：
+ v-once 指令：使元素內(nèi)部的插值表達式只生效一次，不再隨著vue實例中data數(shù)據(jù)的變化而變化，不需要傳值。
+ v-text 指令：元素內(nèi)容整體替換為指定純文本數(shù)據(jù)，可傳值。
+ v-html 指令：元素內(nèi)容整體替換為指定的HTML文本。
如果 v-text 或 v-html 傳入的值，是引入data中的數(shù)據(jù)，那么data數(shù)據(jù)改變，會影響到它們。
屬性綁定：
?+ v-bind指令：用于動態(tài)綁定 HTML屬性。可以簡寫為 ：
?? - 如果更新data中的數(shù)據(jù)，與之相應(yīng)的 v-bind綁定的屬性內(nèi)容也會改變。
?? - v-bind 中允許使用表達式：<p :class=" 'box' + 3 "></p> 等價于 <p :class=" box3 "></p>
??? - v-bind 中允許使用表達式，也就意味著我們可以使用三元運算符：
??????? <p :class=" flag? box1:box2"></p>
??? - 使用 v-bind 綁定元素的 class 屬性：<p class="box1" :class="box2"></p>?
??????? -- 為了更靈活的操作class屬性，vue中還為其提供了特殊的處理方式：
??????? -- <p :class="{類名1：true，類名2：false，類名3：false，}"></p>? => 只類名一生效
??????? -- <p :class="[ 'a', { b: true }, c ]"></p>? => 還可以這樣靈活書寫
??? - 使用 v-bind 綁定元素的 style 屬性：<p :style="color：pink"></p>?
????
渲染功能：
事件處理：
表單數(shù)據(jù)雙向綁定：
自定義指令：
