iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

學習 vue 30天 系列

一步一步的認識 vue 架構、開發流程、學習 vue 的相關知識,及未來展望。

鐵人鍊成 | 共 30 篇文章 | 52 人訂閱 訂閱系列文 RSS系列文 團隊火箭隊
DAY 21

Vue 21 Vue.js 的生命週期 - 從出生到死亡以及長生不老的方法

Vue生命週期簡介 每個 Vue instance 都要經過一系列初始化步驟。當創建它時,從設置數據觀察(data observation)到編譯模板(comp...

2019-09-22 ‧ 由 sunbu 分享
DAY 22

Vue 22 Component - 元件建立與註冊

基本上,看完前面幾個章節的內容就已經瞭解 Vue.js 的基本功能了,但 Vue.js 還提供許多很棒的功能,其中之一就是元件。在製作網頁的時候會有很多個區塊,...

2019-09-23 ‧ 由 sunbu 分享
DAY 23

Vue 23 Component - 元件組合與溝通 [1]

在昨天有介紹到 x-template ,在這裡面提到了 props,所以今天就來談談元件組溝通的方式及做法。 一個元件可以包含另一個或多個其他的元件,當一個元件...

2019-09-24 ‧ 由 sunbu 分享
DAY 24

Vue 24 Component - 元件組合與溝通 [2]

昨天是說 Props 由父元件往下傳遞資料給子元件,今天來講 Emit event 有子元件往上傳遞資料給父元件。 Emit 向外層傳遞事件 Emit 是一個事...

2019-09-25 ‧ 由 sunbu 分享
DAY 25

Vue 25 Slot 插槽

插槽是什麼? 插槽,也就是 slot,是元件的一塊 HTML 模板,這塊模板顯示不顯示、以及怎樣顯示由父 元件來決定。實際上,一個 slot 最核心的兩個問題在...

2019-09-26 ‧ 由 sunbu 分享
DAY 26

Vue 26 使用 is 動態元件 Dynamic Componen

動態元件(Dynamic-Components)是指可根據傳入參數的不同,而去切換不同的元件。 Vue.js 提供一個特殊的元素叫做 <component...

2019-09-27 ‧ 由 sunbu 分享
DAY 27

Vue 27 常用的 API [1]

會分兩天去寫常用的 Vue API。在卡斯伯老師的課程上之第八節,提到了以下的常用的 Vue API: Extend Filter Set Mi...

2019-09-28 ‧ 由 sunbu 分享
DAY 28

Vue 28 常用的 API [2]

Vue.$set() 在開發過程中,我們時常會遇到這樣一種情況:當 Vue 的 data 裡面的宣告或者已經賦值過的對像或者陣列(陣列裡面的值是對象)時,向對像...

2019-09-29 ‧ 由 sunbu 分享
DAY 29

Vue 28 常用的 API [3]

Directive 就我們所知道的 v-if、v-model、v-show 等等......都是 Vue 幫我們制定好的功能,可是仍然有一些操作指令是 Vue...

2019-09-30 ‧ 由 sunbu 分享
DAY 30

Vue 30 Router

我覺得有一篇寫得真的很好直接拿來分享。 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,讓構建單頁面應用變得易如反掌。包含的...

2019-10-01 ‧ 由 sunbu 分享