零基礎學習vue文件詳解
阿新 • • 發佈：2018-12-12
- Vue提供高效率的開發；簡單
- Vue是一個漸進式框架（尤雨溪）
- 庫和框架的概念：
- 區別：庫就是一個堆方法的集合（工具箱），我們呼叫庫的方法，我們需要完成某個功能就能呼叫某個庫；框架就是已經幫我們定好了邏輯，我們只需要在康佳中填寫我們的邏輯
- 例子：你要蓋房子，庫就是你所需的東西，框架就是你要建造什麼樣房子的設計圖，你要按照設圖的條條框框去建造這個房子，不然他就會不牢固，或者難維護
- MVVM介紹：1.mvc最早出現在後端，m是model資料模型，v是view檢視，c是controllor控制器，是m和v溝通的中間的橋樑
- Mvc跟mvvm的區別：mvvm不懂操作dom，直接操作資料檢視就會自動發生改變，（雙向繫結），
-
雙向資料繫結的原理：1.當表單控制資料時通過事件監聽addEventListenter監聽input，使得資料的值等於當前value的值；
-
object-defineProperty
-
- V-text和v-html的區別：v-text：標籤不生效，更新的標籤textContent/innerText；v-html：標籤能生效更新的標籤的innerHtml
- v-on的時間修飾符：.prevent:阻止瀏覽器的預設行為;.stop阻止時間冒泡行為
- 以後再使用v-for的時候，需要指定一個key屬性，目的是為了效能更高；沒有key的時候，vue採用的是就地複用原則；需要重新建立查詢，是非常消耗效能
- V-if和v-show的區別：v-if隱藏是刪除dom，v-show是隱藏dom；使用場景：如果這個元素需要頻繁的顯示隱藏，就使用v-show；如果這個元素根據條件渲染，就用v-if；v-if如果為false的情況，內部指令不會執行，效率會更高
- Vue的生命週期：
-
簡單說：一個例項從開始到最後消亡所經歷的各種狀態，就是一個元件的生命週期
-
元件生命週期函式的定義：從元件被建立，到元件掛載到頁面上執行，再到頁面關閉元件被解除安裝，這三個階段總是伴隨著元件各種各樣的事件，那麼這些事件，統稱為元件的生命週期函式！
-
生命週期的鉤子函式：框架提供的函式，能夠讓開發人員的程式碼，參與到元件的生命週期中。也就是說，通過鉤子函式，就可以控制組件的行為
-
注意：vue再執行過程中會自動呼叫
生命週期鉤子函式，我們只需要提供這些鉤子函式即可 -
注意：鉤子函式的名稱都是固定的！！！
