雖然 Vue CLI 2 現在已經出到 3 了,但還是把自己學習使用 2 所做的筆記放上來,說不定依然能提供給各位做參考(?
[Vue] Vue 常用 API
Vue 提供的 API 很多,本篇筆記整理了一些常用的 API 用法,應該算得上實用。
[Vue] Vue 元件 - 製作空污城市關注網頁
大家還記得元件系列第一篇筆記中,提到的 Demo 嗎?
本篇筆記要帶領大家回顧元件系列中所有的觀念,一步一步拆解這個 Demo 該如何製作!
[Vue] Vue 元件 - 動態切換元件
使用 is
屬性可以在保留語意化的 HTML 標籤的同時,也達成與元件標籤一樣的效果,更有用的是,使用 v-bind:is
可以動態切換不同的元件。
[Vue] Vue 元件 - 插槽篇
使用元件的目的是為了同樣結構的重複使用,但有時我們會需要對元件內容作調整,這時就可以使用插槽來做調整。
[Vue] Vue 元件 - emit 篇
如何從元件傳遞資料到根實例?本篇筆記告訴你~
[Vue] Vue 元件 - props 篇
上一篇我們提到,要從根實例傳資料到元件裡,需要使用 props
特性來傳遞,今天這篇筆記會談談 props
如何實際使用。
[Vue] Vue 元件 - 基礎篇
Vue 元件是運用 Vue 很核心的部分,此系列將會拆成 4~5 篇文 po 上來。
本篇會從元件的基礎開始,順便帶一些有 props
觀念的例子(但 props
的細節會寫在下一篇),最後會附上一個 Demo 供大家參考。
[Vue] Vue 生命週期
在學 Vue 的初期不知道生命週期其實也沒什麼關係,不過隨著越學越進階,還是應該了解一下相關的知識比較好。
[Vue] 用 Vue 寫一個 todo-list
運用已學到的基礎與進階指令,試著寫出一個 todo-list 待辦事項清單吧!