Vue.js 源碼分析(二十七) 高級應用 異步組件 詳解
當我們的項目足夠大，使用的組件就會很多，此時如果一次性加載所有的組件是比較花費時間的。一開始就把所有的組件都加載是沒必要的一筆開銷，此時可以用異步組件來優化一下。 異步組件簡單的說就是只有等到在頁面 ...
原文：Vue.js 源碼分析(二十五) 高級應用 插槽 詳解
我們定義一個組件的時候，可以在組件的某個節點內預留一個位置，當父組件調用該組件的時候可以指定該位置具體的內容，這就是插槽的用法，子組件模板可以通過slot標簽 插槽 規定對應的內容放置在哪里，比如: 渲染結果為: 對應的html節點如下: 引用AppLayout這個組件時，我們指定了header和footer這兩個插槽的內容 對於普通插槽來說，插槽里的作用域是父組件的，例如父組件里的 lt h s ...
2019-07-17 12:29 0 553 推薦指數：
相關推薦
Vue.js 源碼分析(二十八) 高級應用 transition組件 詳解
transition組件可以給任何元素和組件添加進入/離開過渡，但只能給單個組件實行過渡效果(多個元素可以用transition-group組件，下一節再講)，調用該內置組件時，可以傳入如下特性: ...
Vue.js 源碼分析(二十九) 高級應用 transition-group組件 詳解
對於過度動畫如果要同時渲染整個列表時，可以使用transition-group組件。 transition-group組件的props和transition組件類似,不同點是transition-g ...
ABP源碼分析二十五：EventBus
IEventData/EventData: 封裝了EventData信息，觸發event的源對象和時間 IEventBus/EventBus: 定義和實現了了一系列注冊，注銷和觸發事件處理函數的方法 ...
Vue.js 源碼分析(三十) 高級應用 函數式組件 詳解
函數式組件比較特殊，也非常的靈活，它可以根據傳入該組件的內容動態的渲染成任意想要的節點，在一些比較復雜的高級組件里用到，比如Vue-router里的<router-view>組件就是一個函數式組件。 因為函數式組件只是函數，所以渲染開銷也低很多,當需要做這些時，函數式組件非常有 ...
Vue.js 源碼分析(十五) 指令篇 v-bind指令詳解
指令是Vue.js模板中最常用的一項功能，它帶有前綴v-,比如上面說的v-if、v-html、v-pre等。指令的主要職責就是當其表達式的值改變時，相應的將某些行為應用到DOM上，先介紹v-bind指令 v-bind用於動態地綁定一個或多個特性，或一個組件 prop 到表達式 ...
Vue.js 源碼分析(二十) 指令篇 v-once指令詳解
數據綁定最常見的形式就是使用“Mustache”語法 (雙大括號) 的文本插值，例如:<p>Message: {{ msg }}</p>以后每當msg屬性發生了改變，插值處的內 ...
Vue.js 源碼分析(二十一) 指令篇 v-pre指令詳解
: 可以看到對於v-pre對應的DOM節點，數據變化時也不會觸發渲染的 源碼分析 ...