iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

別再說我不會框架,網頁 Vue 起來! 系列

書本一本本的陳列在書架上,細數看完的沒幾本;今年跟隨著鐵人賽的步伐,一步一步把 Vue.js 學起來!
這次主要會閱讀 Kuro 的 "重新認識 Vue.js"和官方文件從 0 開始起步 Vue.js。

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

[番外] 來個 Weather App (續)

前置作業-HTML & CSS 使用 Google 查 Weather App 會有很多很多的參考,練習不怕沒有畫面,挑一個喜歡的來復刻或是模仿! 畫面...

2021-09-26 ‧ 由 shan33 分享
DAY 12

[Part 4 ] Vue.js 的精隨-元件 Slots

Slots ? 想要傳入內容到子層中,slots 是另一種可以選擇的方式,在 component 預留空間,父層再放入內容。 節錄- Kuro 重新認識 vue...

2021-09-27 ‧ 由 shan33 分享
DAY 13

[Part 5 ] Vue.js 的精隨-元件生命週期 (序)

生命週期 ? Vue.js 實體的一生: 建立 --> 更新 --> 銷毀 圖取自 A Complete Guide to Vue Lifecy...

2021-09-28 ‧ 由 shan33 分享
DAY 14

[Part 6 ] Vue.js 的精隨-元件生命週期 (續)

前言 Hooks 都是一個一個 function,在生命週期中有些時刻發生了,就會去執行對應的 Hooks function! 建立階段 created ho...

2021-09-29 ‧ 由 shan33 分享
DAY 15

告訴自己:你做得好

每天賽跑 鐵人賽要邁入下半場了,回顧前半場...,每天回家吃完飯剩下 3-4 小時可以來寫稿 偏偏假日時,那隻及時行樂的猴子就又出現了 啊.......啊.....

2021-09-30 ‧ 由 shan33 分享
DAY 16

[Part 7 ] Vue.js 的精隨-元件生命週期 (續)

摧毀階段 這個階段負責元件的移除,適合用來移除所有的事件監聽以及任何會造成記憶體洩漏(memory leak)的程序 beforeUnmount() 和 onB...

2021-10-01 ‧ 由 shan33 分享
DAY 17

[番外] 來個音樂撥放器 Play! (序)

前言 參考 Tyler Potts 的 Demo 影片- Build a Music app using VueJS | Tutorial for Beginn...

2021-10-02 ‧ 由 shan33 分享
DAY 18

[番外] 來個音樂撥放器 Play! (續)

Data data 起手式,記得要回傳物件 data () { return {} } data 中大概會有這些內容 data () {...

2021-10-03 ‧ 由 shan33 分享
DAY 19

[Part 8 ] Vue.js 的精隨- 自訂事件

前言 $emit 讓我們可以發送出自訂的事件,例如: 觸發特定的事件(關閉 popup) 或是 子元件向外傳遞資料。 呼叫每一個 $emit 可以傳入兩個參數:...

2021-10-04 ‧ 由 shan33 分享
DAY 20

專案小幫手- Vue CLI

前言 Vue CLI 是用來快速建置 Vue 開發環境的一套工具,它是由 Vue.js 團隊所建立的命令列工具。提供 vue 相關的命令執行,例如: vue c...

2021-10-05 ‧ 由 shan33 分享