iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

vue.js 30天學習軌跡 系列

紀錄30天的學習軌跡

鐵人鍊成 | 共 30 篇文章 | 38 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 vue.js - 條件渲染(v-if、v-else、v-else-if、v-show)

v-if、 v-else、v-else-if指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 truthy 值的時候被渲染。 v-if and v...

2019-09-14 ‧ 由 分享
DAY 12

Day12 vue.js - watch監聽屬性

官方解释 watch 觀察 Vue 實例變化的一個表達式或計算屬性函數。回調函數得到的參數為新值和舊值。表達式只接受監督的鍵路徑。對於更複雜的表達式,用一個函...

2019-09-15 ‧ 由 分享
DAY 13

Day13 vue.js - 生命週期

每個 Vue 實例在被創建之前都要經過一系列的初始化過程。例如需要設置數據監聽、編譯模板、掛載實例到 DOM、在數據變化時更新 DOM 等。同時在這個過程中也...

2019-09-16 ‧ 由 分享
DAY 14

Day14 vue.js - 組件(Components)介紹及建立

組件(Components)是可重用的代碼塊,可以同時具有結構和功能。它們有助於創建更加模塊化和可維護的代碼庫。 官方圖式 每個components可能會有H...

2019-09-17 ‧ 由 分享
DAY 15

Day15 vue.js - 組件(Components)必須使用function return

今天..學的如標題 組件(Components)必須使用function retur 在 vue 的應用程式中 data 可以是物件(object )或是 函...

2019-09-18 ‧ 由 分享
DAY 16

Day16 vue.js - props(1)

Props是我們如何將數據從父組件傳遞到其任何子組件的方式。當我們使用Vue構建應用程序時,我們正在以分層方式進行。這是什麼意思?這意味著,從Vue實例開始,...

2019-09-19 ‧ 由 分享
DAY 17

Day17 vue.js - props(2)

由外到內資料傳遞 Components 的作用域是獨立的。父組件的數據需要通過 props 才能傳到子組件中。 靜態傳遞 與 動態傳遞 這是預先準備好的d...

2019-09-20 ‧ 由 分享
DAY 18

Day18 vue.js - props(3)

Props 的型別與驗證 我們可以為組件的 prop 指定驗證要求,例如你知道的這些類型。如果有一個需求沒有被滿足,則 Vue 會在瀏覽器控制台中警告你。 使...

2019-09-21 ‧ 由 分享
DAY 19

Day19 vue.js - props(4)

單向數據流(One-Way Data Flow) 所有的 prop 都使得其父子 prop 之間形成了一個單向下行綁定:父級 prop 的更新會向下流動到子組...

2019-09-22 ‧ 由 分享
DAY 20

Day20 vue.js - 使用 $emit 向外傳遞

前幾篇講到的都是父组件使用 prop 傳遞數據给子组件,因此如果要透過子組件操作資料並異動父組件的話,這時就要透過 emit 事件通知父層。 demo thi...

2019-09-23 ‧ 由 分享