Vue生命週期簡介 每個 Vue instance 都要經過一系列初始化步驟。當創建它時,從設置數據觀察(data observation)到編譯模板(comp...
基本上,看完前面幾個章節的內容就已經瞭解 Vue.js 的基本功能了,但 Vue.js 還提供許多很棒的功能,其中之一就是元件。在製作網頁的時候會有很多個區塊,...
在昨天有介紹到 x-template ,在這裡面提到了 props,所以今天就來談談元件組溝通的方式及做法。 一個元件可以包含另一個或多個其他的元件,當一個元件...
昨天是說 Props 由父元件往下傳遞資料給子元件,今天來講 Emit event 有子元件往上傳遞資料給父元件。 Emit 向外層傳遞事件 Emit 是一個事...
插槽是什麼? 插槽,也就是 slot,是元件的一塊 HTML 模板,這塊模板顯示不顯示、以及怎樣顯示由父 元件來決定。實際上,一個 slot 最核心的兩個問題在...
動態元件(Dynamic-Components)是指可根據傳入參數的不同,而去切換不同的元件。 Vue.js 提供一個特殊的元素叫做 <component...
會分兩天去寫常用的 Vue API。在卡斯伯老師的課程上之第八節,提到了以下的常用的 Vue API: Extend Filter Set Mi...
Vue.$set() 在開發過程中,我們時常會遇到這樣一種情況:當 Vue 的 data 裡面的宣告或者已經賦值過的對像或者陣列(陣列裡面的值是對象)時,向對像...
Directive 就我們所知道的 v-if、v-model、v-show 等等......都是 Vue 幫我們制定好的功能,可是仍然有一些操作指令是 Vue...
我覺得有一篇寫得真的很好直接拿來分享。 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,讓構建單頁面應用變得易如反掌。包含的...