Vue 基礎結構
h函數(shù):創(chuàng)建虛擬dom
render:把h函數(shù)創(chuàng)建的虛擬dom返回
$mount:把虛擬dom轉為真實dom渲染到瀏覽器
Vue 生命周期
Vue 語法與概念 上
差值表達式
指令 (Vue 中內部指令有14個、自定義指令)
-
計算屬性和偵聽器
(當模板中有太多邏輯要處理的時候趣苏,推薦用計算屬性狡相,計算屬性的結果會被緩存,下次再訪問該計算屬性的時候會從緩存中獲取相應的結果食磕,提高性能尽棕;
如果需要監(jiān)聽數(shù)據(jù)的變化做些比較復雜的操作,如異步操作或開銷比較大的操作彬伦,可以使用監(jiān)聽器)
Class 和 Style 綁定 (分別可以綁定數(shù)組或者對象滔悉,推薦使用Class綁定伊诵,因為樣式可以重用)
條件渲染/列表渲染 (可以通過 v-if 或 v-show 控制元素的顯示、隱藏回官,列表渲染使用 v-for ,vue 推薦我們給 循環(huán)項都設置一個key曹宴,用來跟蹤每個節(jié)點的身份,讓每一項都能最大程度的被重用歉提,從而提高性能)
表單輸入綁定 (當我們使用 v-model 綁定表單元素的時候浙炼,它負責監(jiān)聽用戶的輸入事件以及更新數(shù)據(jù),也就是雙向綁定)
Vue 語法與概念 下
組件 (組件是可復用的Vue實例唯袄,一個組件中封裝了html弯屈、css、javascript恋拷,它可以實現(xiàn)頁面中的一個功能區(qū)域资厉,可以無限次重用)
插槽(插槽可以在我們自定義組件中挖一個坑,在使用這個組件的時候去填坑蔬顾,這樣做的目的是讓組件更靈活宴偿,比如:Vue Router 中的 router-link組件,它里面的文本是從外部傳進來的诀豁,內部就是用插槽來占位的)
插件 (VueRouter窄刘、Vuex都是插件)
混入(如果多個組件都有相同的選項,就可以用混入的方式把相同的選項進行合并讓代碼重用)
深入響應式原理
-
不同構建版本的Vue(Vue 打包之后會生成不同版本的 Vue舷胜,它支持不同的模塊化方式娩践,以及帶編譯器和不帶編譯器版本的 Vue)