2、Vue的數據驅動---mvvm模式介紹 Vue是一個輕量級的漸進式前端框架，主要功能：1、模板渲染/數據同步 2、組件化、模塊化 3、擴展功能：路由等 Vue等資源：中文官網：/ 源碼：js/vue MVVM: M：Model數據模型負責數據存儲 V：View視圖負責頁面展示 VM：View Model負責業務處理，處理數據，然后處理過來查看Vue1下載地址：/js/vue.js Vue2下載地址：@2.2.1/dist/vue.js 三、Vue常用指令介紹 1、插值表達式 {{}} 當模型中的數據發生變化時，那么視圖中的數據也隨之變化。 2、v-text將一個變量的值渲染到指定的元素中 3、v-html可以實際輸出html元素 4、v-model實現雙向數據綁定 5、v-build綁定頁面中元素的屬性 6 . v-if和v-show v-if函數：判斷是否加載固定內容，為true則加載，為false則不加載； 語法：v-if='判斷表達式' v-show 功能：判斷是否顯示內容 語法：v-show='判斷表達式' v-if和v-show的異同 1.相同點：都是可以實現對一個元素的顯示和隱藏操作 2. 區別：v -if 是在dom樹模型中添加或移除元素，而v-show只是在這個屬性上添加：none。
3、v-if有更高的開關喇叭，安全性高。 v-show 初始化消耗很大。 因此，如果需要頻繁切換，對安全性沒有要求，可以使用v-show。 如果條件不太可能在運行時改變，最好使用 v-if。 7、v-for的作用：控制html元素中的循環 語法：v-for="item in " 8、v-on的作用：綁定頁面中的事件 語法：v-on：事件類型= ' ' 縮寫 @event type = '' 4.Vue中常用的組件 使用組件是vue.js中一個非常強大的功能，可以擴展HTML元素，封裝可重用的代碼。 1.將組件內容定義到模板中 2.在組件中實現指令和事件綁定 5.組件間傳值 1.父組件傳值給子組件 2.子組件傳值給父組件 6.Vue - 路由 基本上在一個系統或者App中，由多個頁面組成，在vue中通常使用組件實現，那么在從一個頁面跳轉到另一個頁面時，是通過url路徑實現的，哪個url對應哪個頁面，在vue中， vue2.0中vue-的使用是通過vue-實現的，vue1.0使用的版本幫助文檔地址：js/vue-/tree/1.0/docs/zh-cn with vue1.0 vue-使用的下載地址：/ajax/libs/vue-/0.7.10/vue-.min.js 使用vue2.0版本的幫助文檔地址：/zh-cn/.html 使用vue2.0 vue - 下載地址：js 7. 路由傳值 vue2.0的路由參數定義實現了url變量的傳值 2. let聲明的變量不會被預解析 3. 臨時死區（變量在let聲明前無法訪問,為了防止先調用后聲明的現象) 10.let和for的使用 1.塊級作用域 let聲明的變量有塊級作用域,就是一對花括號 塊級作用域可以直接加上一堆花括號，以后就不用寫自執行函數了 2.var和for循環 3.let和for循環 11、const用法 const聲明一個常量，一旦聲明，就不能被修改。 1.如果先聲明再修改，會報錯。 2.只有在沒有賦值的情況下聲明才會報錯。 會提前解析 4.常量不能重復聲明 注意：const聲明的對象中的屬性是可以修改的。 賦值數組結構 賦值等號的左邊和右邊必須都是數組，數組的結構賦值必須一一對應。
如果不匹配，則為十三。 對象結構賦值。 等號的左右兩邊必須是對象。 名稱必須一一對應。 .字符串需要用一串反引號包裹，可以定義多行字符串，只用一串反引號 2.要拼的數據需要放在${}里面 3.操作也可以在花括號內執行 4 .函數可以在花括號內調用。 15、箭頭函數語法： 1、用var、let、const來表示 2、參數第一個等號a后必須去掉。 如果沒有參數，就需要寫一堆空括號b。 如果只有一個參數，那就直接寫，不用加括號c。 如果有多個參數，需要加括號，參數之間用逗號隔開 3.函數的主題放在箭頭后面。 如果只有一條語句，則直接Write； 如果有多個語句，則需要將它們放在一堆大括號中。 十六、rest rest ...變量名rest 是一個數組，后面不能再有參數，否則會報錯擴展方法... 1.三點后是類數組，其作用就是把這個類的數組轉換成一個真正的數組，但是需要放在一對方括號2里面。后面三個點就是一個真正的數組，它的作用是把數組轉換成一組普通的數據，不需要加方括號 十 7. 引入7號中新增的數據類型，表示唯一。
作為屬性名使用，可以保證不和其他屬性名沖突 1.它是一個函數生成的 2.前面不能用new，因為它生成的是原始類型的數據，不是對象 3.它可以接受一個參數，以便于區分。 相同長度時不同 4.不能與其他值運算，不存在隱式轉換 5.其值可以轉換為布爾值或字符串，但不能轉換為數字 18、集合數據結構集合數據結構，類似于數組，所有數據都是唯一的，沒有重復值。 本身就是一個構造函數 size data add() add() add a data() a data has() find a piece data, a value clear() all data 十九、map數據結構 map數據結構，類似于 . 鍵值對的集合，所有鍵值對的集合，都是唯一的，不會重復。每條數據都需要放在一個數組中，數組本身就是一個構造函數 size() 數據集的長度() 添加一條of data() 刪除一條數據 get() 獲取一條數據 has() 查找一條數據，返回一個布爾值 clear() 刪除所有數據 二十：教程視頻
