iT邦幫忙

鐵人檔案

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

從零開始Vuejs 系列

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

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

[Day11] v-on 實現事件處理

今天是第十一天,我想分享一下v-on來實現事件處理 我們可以把v-on的事件處理寫成 v-on:事件="事件發生時怎麼做" 這次用常見的字...

2022-09-23 ‧ 由 godspeed246 分享
DAY 12

[Day12] Vue.js 與指令簡單介紹=>v-text ,v-html ,v-pre

今天是第十二天,前面我們分享了一些Vue.js指令的簡單實作,那今天我想簡單介紹一下以下指令v-text ,v-html ,v-pre 首先,要怎麼辨別Vue....

2022-09-24 ‧ 由 godspeed246 分享
DAY 13

[Day13] v-bind綁定圖片

今天是第十三天,我想分享一下使用v-bind這個指令進行圖片綁定 對,v-bind它又回來了 就如同第八天的介紹,v-bind這個指令可以進行屬性綁定,那就開始...

2022-09-25 ‧ 由 godspeed246 分享
DAY 14

[Day14] Vue生命週期

今天是第十四天,我想簡單分享一下Vue生命週期 每個Vue的實體從創建、初始化數據、編譯模板、掛載到DOM→渲染、更新→銷毀等等一系列流程,就像生命一樣從誕生到...

2022-09-26 ‧ 由 godspeed246 分享
DAY 15

[Day15] Vue.js 與指令簡單介紹=>v-if ,v-else,v-else-if

今天是第十五天,前面我們分享了一些Vue.js指令的簡單實作,那今天我想簡單介紹一下以下指令v-if ,v-else,v-else-if v-if它會基於表達式...

2022-09-27 ‧ 由 godspeed246 分享
DAY 16

[Day16] Vue.js 與指令簡單介紹=>v-if ,v-else,v-else-if的實作應用與v-show

今天是第十六天,我想簡單分享一下v-show這個指令 v-show不管元素的初始條件是什麼,都會被渲染,再用CSS切換,並且會在DOM中保留該元素。遇到true...

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

[Day17] Vue.js 與指令簡單介紹=>v-for

今天是第十七天,我想簡單分享一下v-for這個指令 我們可以透過v-for將陣列顯示在特定的列表當中,其中v-for指令的值必須使用到item in items...

2022-09-29 ‧ 由 godspeed246 分享
DAY 18

[Day18] v-if on <template> & v-for on <template>

今天是第十八天,我想簡單分享一下v-if on template &amp; v-for on template v-if on template:v-if是一...

2022-09-30 ‧ 由 godspeed246 分享
DAY 19

[Day19] Vue.js 響應式API

今天是第十九天,我想簡單分享一下響應式APIs(Reactivity APIs) Vue 最標誌性的功能就是其低侵入性的響應式系統。組件狀態都是由響應式的Jav...

2022-10-01 ‧ 由 godspeed246 分享
DAY 20

[Day20] Option API vs Composition API

今天是第二十天,我想簡單分享一下 Option API 與 Composition API 的差別 我們昨天談到響應式APIs有提及一點點Composition...

2022-10-02 ‧ 由 godspeed246 分享