iT邦幫忙

鐵人檔案

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

新手遇上Vue.js 系列

利用這次鐵人賽,學習從沒碰過的Vue.js,這30天中將會把我的學習過程紀錄其中,從簡單的指令到後面完成實作

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

Day21 樣式變化(動畫)5

列表移動過渡(List move transition)不僅可以做出淡出與淡入,還可以改變位置,只要將v-move class加入,它會在更改位置時觸發它的前綴...

2021-10-05 ‧ 由 Allen1515 分享
DAY 11

Day 22 Todo list

今天將會介紹簡易的todo list 功能 新增事項(push將輸入值放入陣列) Enter加入資料(.enter) 刪除事項(splice) 計算代辦事項件...

2021-10-06 ‧ 由 Allen1515 分享
DAY 11

Day 23 Vue生命週期

Vue.js的網頁是由各個元件組合而成,需要一個完整的邏輯才能讓它連貫,而Vue從建立到被銷毀都有它的生命週期 beforeCreat created bef...

2021-10-07 ‧ 由 Allen1515 分享
DAY 11

Day24 動態組件 Dynamic Components

Keep-alive有時我們會希望資料狀態能夠保存下來,避免再次載入時資料消失,這時我們的外層就會放上 範例如下當放上了就會在first輸入並點下second重...

2021-10-08 ‧ 由 Allen1515 分享
DAY 11

Day25 非動態組件 Async Components

當在大型專案中,可以將其分成小塊,當有需要用到組件時才從伺服器下載,Vue只會在組件需要渲染時才會觸發工廠函數,並緩存結果以備再次的渲染 非動態組件定義 工廠...

2021-10-09 ‧ 由 Allen1515 分享
DAY 11

Day26 子元件與父元件

父子元件溝通子元件與父元件最簡單的分別方法,被引入的元件叫做子元件,而引入的元件的元件叫做父元件當他們溝通時,父元件會以Pass Props的動作將資料傳給子元...

2021-10-10 ‧ 由 Allen1515 分享
DAY 11

Day27 slot

slot「插槽」就是將子原件上開個位置,並將外層元件放置在子元件位置上,在複雜的結構中適合使用 插槽定義在子元件中放上,便可將父元素的內容顯示在子元素當中 範例...

2021-10-11 ‧ 由 Allen1515 分享
DAY 11

Day28 plugin

在專案中我們常常需要擴充功能,因此我們就可以使用插件,所以今天我們就要來學習如何使用 如何使用可以透過使用Vue.use()全域註冊的方法使用插件當然我們也可以...

2021-10-12 ‧ 由 Allen1515 分享
DAY 11

Day29 Mixin

當元件之間共用方法時就可以使用組件,所有元件的選項都可以使用,當使用mixin時,mixin中的選將都會混和到元件的選項當中 Basic usagemixin...

2021-10-13 ‧ 由 Allen1515 分享
DAY 11

Day30 賽後心得

在這30天的比賽中,不知不覺的到最後一天了,雖然中間發生了點小插曲導致沒有成功,但我還是希望能照樣將它完成,給自己一個完成的感覺,所以還是把它發完了!!! 這個...

2021-10-13 ‧ 由 Allen1515 分享