iT邦幫忙

鐵人檔案

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

程式小白的 vue.js 學習筆記 系列

如題,本系列文內容為從零開始的 Vue.js 學習筆記

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊週六 Podcast 團
DAY 11

Day 11 : 【Composition API 2】 如何定義 method?

今天要來談的是,如何在 Composition API 中定義方法~首先,如同上一篇提過的 : 在 composition API 是沒有 this 的。在 o...

2022-09-26 ‧ 由 zihyinhsu 分享
DAY 12

Day 12 : 【Composition API 3】 在 setup 運用 computed、watch 和生命週期

首先先附上 Vue2 & Vue3 的生命週期比較 : 1-7 元件的生命週期與更新機制 Composition API 的生命週期 以前在 Vue2...

2022-09-27 ‧ 由 zihyinhsu 分享
DAY 13

Day 13 : 【Composition API 4】 computed + watch = WatchEffect (?)

今天要說說的是 Composition API 中 新增加的 WatchEffect ,我們可以姑且把它看作是 watch 和 computed 的結合體。...

2022-09-28 ‧ 由 zihyinhsu 分享
DAY 14

Day 14 : 【Composition API 5】 props & emit

今天要來看看的是我們不可或缺的老朋友 : props & emit ~ (鏘鏘~相信有基礎 vue 知識的大家都知道 在options API 怎麼用...

2022-09-29 ‧ 由 zihyinhsu 分享
DAY 15

Day 15 : 【Composition API 6】$refs、Provider 與 inject

今天要講的內容一樣延續之前的主題 - 怎麼在 composition API 中繼續使用我們熟悉的老朋友 XD ref & $refs 由於到了 co...

2022-09-30 ‧ 由 zihyinhsu 分享
DAY 16

Day 16 : 【 Vue 的狀態管理工具 1】 Vuex

懶得想前言了,直接進入主題 ———— 今天要來講的是 : Vue 的狀態管理工具 - Vuex,顧名思義就是將資料集中在同一處管理,並且提供不同元件去讀取共享...

2022-10-01 ‧ 由 zihyinhsu 分享
DAY 17

Day 17 : 【 Vue 的狀態管理工具 2】 pinia

首先,可以先講一下我們為何需要狀態管理。 當我們在進行一個專案時,常常需要資料在元件或頁面間互通有無,我們可能會使用props、emit,或者 provide、...

2022-10-02 ‧ 由 zihyinhsu 分享
DAY 18

Day 18 : 【Vue Router 1】Vue Router 簡介

Vue Router 是 Vue的官方路由,也由前端模擬的路由。過往我們往往是透過後端來處理換頁,而為了減少讀取時間,我們可以透過 Vue Router 實現...

2022-10-03 ‧ 由 zihyinhsu 分享
DAY 19

Day 19 : 【Vue Router 2】動態路由

透過參數決定路由內容 - 動態路由 當我們遇到一百個產品,當然不可能就建一百個路由,因此我們需要 動態路由 來幫助我們快速建立一百個路由(誤。 參考文章 : V...

2022-10-04 ‧ 由 zihyinhsu 分享
DAY 20

Day 20 : 【Vue Router 3】路由方法

路由方法介紹 首先新建立一個 routerNavigation 的元件。 <template> <button type="bu...

2022-10-05 ‧ 由 zihyinhsu 分享