一、Vue是什么？
a：vue是一套用於構建用戶界面的漸進式框架 。
b：vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合 。
c：使用vue將helloworld渲染到頁面 ：
二、指令 ：
（1）概念 ：本質就是自定義屬性 ；Vue都是以 v- 開頭 ；
a：v-cloak ，防止頁面加載時出現閃爍問題 ；
b：v-text ，用於將數據填充到標簽中 ，作用於插值表達式類似 ，但是沒有閃爍問題 ；
如果數據中有HTML標簽會將html標簽一並輸出 。
注意 ：此處為單項綁定 ，數據對象上的值改變 ，插值會發生變化 ；但是當插值發生變化並不會影響數據對象的值 。
c：v-html ，用法和v-text相似 ，當時他可以將HTML片段填充到標簽中 。
可能有安全問題 ，一般只在可信任內容上使用 v-html ，永不用再用戶提交的內容上 。
區別 ：v-text輸出的是純文本 ，瀏覽器不會對其在進行html解析 ，單v-html會將其當html標簽解析后輸出 。
d：v-pre ，顯示原始信息跳過編譯過程 。
跳過這個元素和它的子元素的編譯過程 。
一些靜態的內容不需要編譯加這個指令可以加快渲染 。
e：v-once ，執行一次性的插值【當數據改變時 ，插值處的內容不會繼續更新】
f：雙向數據綁定 ：v-model ，
功能 ：當數據發生變化的時候 ，視圖也就發生變化 。當視圖發生變化的時候 ，數據也會跟着同步變化 。
限制 ：（<input>、<select>、<textarea>、<components>中使用）。
h：mvvm ：
（1）MVC是后端的分層開發概念 ；MVVM是前端視圖層的概念 ，主要關注於視圖層分離 ，也就是說：mvvm把前端的視圖層 ，
分為了三部分 Model 、View 、VM ViewModel 。
（2）m ：model ，數據層 Vue中 數據層 都放在data里面 。
v ：view 視圖 ，Vue中view 即我們的HTML頁面 。
vm ：（view-model）控制器將數據和視圖建立聯系 ，vm即Vue的實例 就是vm 。
i：v-on ，用來綁定事件的 ，形式如 ：v-on ：click縮寫為@click ；
（1）事件函數中傳入參數 ：
j：事件修飾符 ：（1）在事件處理程序中調用 event . preventDefault（）或event . stoppropagation（）是非常常見的需求。
（2）Vue 不推薦我們操作DOM 為了解決這個問題 ，Vue .js為 v-on提供了事件修飾符。
（3）修飾符是由點開頭的指令后綴來表示的 。
k：按鍵修飾符：（1）在做項目中有時會用到鍵盤事件 ，在監聽鍵盤事件時，我們經常需要要檢查詳細的按鍵 。
允許為 v-on在監聽鍵盤事件事件時添加按鍵修飾符 。
（2）常用的按鍵修飾符 ：
A：.enter => （enter鍵）、.tab=>tab鍵 、delete(捕獲“刪除”和“退格按鍵”)=>刪除鍵 、
l：自定義按鍵修飾符別名 ：
（1）在Vue中可以通過 config.keyCodes自定義按鍵修飾符別名 。
m：v-bind指令 :
(1) v-bind指令被用來響應的更新HTML屬性 。
（2）v-bind：href 可以縮寫為 ：href 。
（3）綁定對象 ：我們可以給v -bind ：class 一個對象 ，以動態地切換class ，
注意 ：v-bind：class指令可以與普通的class特性共存 。
（4）綁定對象和綁定數組的區別 ：
1>綁定對象的時候 對象的屬性 即要渲染的類名 對象的屬性值對應的是 data中的數據。
2>綁定數組的時候數組里面存在的是data中的數據 。