iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

從0開始學習30天可以到什麼程度? 系列

雖然是因為課程原因選擇參賽,但也希望可以藉由這次的機會挑戰自己可不可以真的做到連續30天都自主學習並發佈紀錄,以及30天連續的自主學習到底可以讓自己對一項新的工具熟悉與應用到什麼程度。雖然之前沒有接觸過vue.js但有課程製作網頁前端的基礎,希望能成功在最後完成一個實作項目。

參賽天數 15 天 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文

No21: v-if & key

v-if的使用在Vue.js2的時還有一些需要注意的地方,因為Vue.js追求提高網頁的效率,所以在data有綁定的情況下預設會重複使用已經存在在data裡面的...

2023-10-16 ‧ 由 michellel 分享

No22: v-for列表

v-for在Vu.js中也與其他程式語言中的for迴圈基本相同,用來對陣列和物件類型的data進行迭代讀取或輸出。v-for的語法是使用"item i...

2023-10-16 ‧ 由 michellel 分享

No23: v-for排序

範圍 整數範圍也可以作為v-for渲染的條件,使用"item in number"的方式來重複渲染,如果我們要讓同一個行為重複10次,可以直...

2023-10-16 ‧ 由 michellel 分享

No24: v-for&key

和前面v-if的時候提到過的問題一樣,v-for同樣會在Vue.js的預設中重複利用已經存在的data,所以如果在沒有加上key值的情況下陣列的順序發生改變的話...

2023-10-16 ‧ 由 michellel 分享

No25: 生命週期與 Hooks function

在Vue.js裡面,每一個實體都是一個元件而每一個元件都有屬於他們不同階段的生命週期,Vue.js有提供讓我們針對特定週期進行處理的callback finct...

2023-10-16 ‧ 由 michellel 分享

No26: Vue實體生命週期

Vue實體的生命週期分為3大階段,分別為: 實體建立 -> 實體更新 -> 實體銷毀,這篇先來看實體的建立階段。 實體建立包含了四個階段: 1.be...

2023-10-16 ‧ 由 michellel 分享

No27: 狀態更新與同步

這裡是前面那部分的一個小番外,再處理實體的狀態同步到DOM的時候雖然我們一直在說"同步"更新,但在執行上它還是非同步的,當setter偵測到...

2023-10-16 ‧ 由 michellel 分享

No28: 元件系統

在Vue.js的基本結構和功能之後,我們來稍微了解一下Vue.js中的元件系統(components system)是什麼。使用元件系統就是想要將程式設計從一開...

2023-10-16 ‧ 由 michellel 分享

No29: 元件宣告&註冊

元件的宣告分為"全域元件"和"區域元件",在Vue2.0中,全域元件可以通過Vue.component('元件名稱',...

2023-10-16 ‧ 由 michellel 分享

No30: 回顧

首先還是要說我自己很遺憾沒有完成30天的比賽,當然還有點不甘心,我會斷賽的原因並不是因為我沒有寫所以沒發,是因為我這次比賽過程都有提前存兩天文章草稿,所以我發的...

2023-10-16 ‧ 由 michellel 分享