自定義指令 Custom Directive 除了核心功能默認內置的指令集(v-model、v-if)之外，Vue還允許您註冊自己的自定義指令。那就是使用 Vue.directive !! Vue....
updateChildren function 主要用 while 迴圈來比對新舊2棵樹的子節點，来更新真正的 DOM，對每個子節點有幾種情況 更新節點 刪除節點 新增節點 移動節點 functi...
本文同步發表於Andy's Blog 前言 開始前，我們先幫大家複習一下，這幾天介紹的內容（如下圖），若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹喔！連結提供 開始今天主題介紹前，還記...
mixin Mixins是為Vue組件分發可重用功能的靈活方法。mixin對象可以包含任何組件選項(生命週期、data、computed、 methods...)。當組件使用mixin時，mixin...
插槽是什麼？ 插槽，也就是 slot，是元件的一塊 HTML 模板，這塊模板顯示不顯示、以及怎樣顯示由父 元件來決定。實際上，一個 slot 最核心的兩個問題在這裡就點出來了，是顯示不顯示和怎樣顯示。...
超緊繃!30天Vue.js學習日記 組件最終篇-動態組件的部分! 大家好!在昨天介紹插槽(slot)後,今天要介紹的是動態組件!Vue.js允許我們將多個組件掛載到同一個掛載點上,這個功能通常用在路...
patch 主要是對新舊 vnode 進行 diff 比對，最後回傳所創建真正 的 DOM 節點完成畫面更新。 首先回顧一下，當 vm 實例需要更新時，會執行這段程式碼 // src/core/ins...
Vue.set Vue.js 在初始化實例時將屬性轉為 getter/setter，所以屬性必須在 data 對像上才能讓 Vue.js 轉換它，才能讓它是響應的，如果再創造實例之後添加新的屬性到實...
昨天是說 Props 由父元件往下傳遞資料給子元件，今天來講 Emit event 有子元件往上傳遞資料給父元件。 Emit 向外層傳遞事件 Emit 是一個事件，相對於 Props 來說它不是即時的...
超緊繃!30天Vue.js學習日記 極致廢話版的SLOT教學 大家好,今天要來介紹的是Vue中的插槽(slot),slot負責內容的分發,我們可以藉由它先把一個地方空出來,再把我們要的資料塞進去。老...