iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

從零開始Vuejs 系列

從零學習Vuejs,透過尋找資料、自主學習以及自身對於該主題的學習後得出的見解,以實現每日一文的撰寫

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

[Day21] 簡單介紹屬性ref()

今天是第天,我想簡單分享一下ref()這個屬性 Vue的聲明式渲染可以提取出大部分DOM的操作,不過當我們需要訪問底層DOM元素時,可以使用ref。 ref是一...

2022-10-03 ‧ 由 godspeed246 分享
DAY 22

[Day22] 計算屬性Computed

今天是第二十二天,我想簡單分享一下計算屬性Computed。 在官方文件中,計算屬性Computed是為了避免使用者在模板中放置過多邏輯使得程式碼變得難以維護。...

2022-10-04 ‧ 由 godspeed246 分享
DAY 23

[Day23] 監聽器Watch

今天是第二十三天,我想簡單分享一下Watch watch需要對一個對象(資料等)進行監聽,當資料狀態有發生變化便會執行的函數,可以用來進行跟資料變化有關的處理。...

2022-10-05 ‧ 由 godspeed246 分享
DAY 24

[Day24] 組件基礎(一)

今天是第二十四天,我想簡單分享一下組件基礎。 組件化:我們可以將UI劃分成多個組件,每個組件都具有獨立,可以重用的特性,讓我們可以在每個組件撰寫自定義內容和...

2022-10-06 ‧ 由 godspeed246 分享
DAY 25

[Day25] 組件基礎(二)

今天是第二十五天,我想繼續簡單分享一下組件基礎 昨天有提及了全局註冊,想當然就會有局部註冊。 全局註冊的補充: 如果你全局註冊了一個組件,然後它並沒有被實際使...

2022-10-07 ‧ 由 godspeed246 分享
DAY 26

[Day26] prop

今天是第二十六天,我想分享一下prop。 prop 是一種attribute,你可以在組件上聲明註冊。 我們的組件需要聲明它所接受的prop這樣才可以知道傳入的...

2022-10-08 ‧ 由 godspeed246 分享
DAY 27

Day27 Slots(一)

今天是第二十七天,我想分享一下slot 我們前面有介紹到組件能夠接收任意類型的JavaScript 值作為props,那當我們希望子組件能接收模版內容,我們可以...

2022-10-09 ‧ 由 godspeed246 分享
DAY 28

[Day28] Slots(二)

今天是第二十八天,我想繼續分享一下Slots(二) 昨天我們有提到#默認內容,以昨天實作來說,由於我們沒有提供插槽內容在父組件,所以“Submit”便作為默認內...

2022-10-10 ‧ 由 godspeed246 分享
DAY 29

[Day29] Transition組件

今天是第二十九天,我想分享一下Transition組件 Vue 提供內置組件,可以幫助你製作元素或組件狀態有變化時的過渡和動畫, Transition組件這...

2022-10-11 ‧ 由 godspeed246 分享
DAY 30

[Day30] 表單輸入綁定:選擇器

今天是第三十天,我想分享一下表單輸入綁定 表單有許多種類,那我想分享的是選擇器類型的表單。 可以結合v-model指令的select元素,監聽相對應數值的變化。...

2022-10-12 ‧ 由 godspeed246 分享