鐵人檔案
書本一本本的陳列在書架上，細數看完的沒幾本；今年跟隨著鐵人賽的步伐，一步一步把 Vue.js 學起來!
這次主要會閱讀 Kuro 的 ＂重新認識 Vue.js＂和官方文件從 0 開始起步 Vue.js。
前言 在過去，路由主要是 Server 負責，根據不同的路由去決定要渲染的頁面，回傳整個 HTML 回來，現在較多的架構是前後端分離，前端負責頁面呈現資料；後端...
Vue Router 設定 延續上次的設定檔 // src/router/index.js import { createWebHistory, createR...
什麼是 Vuex ? 為 Vue.js 開發的狀態管理模式，集中管理元件的狀態。 像是電商網站中的購物車，跟全站十分緊密，商品數量增減、商品新增移除等等。Vue...
Vuex 結構分為 state getters mutations actions 四個部分 State Vuex 使用 single state tree 單...
前言 參考 How To Build a Shopping Cart with Vue 3 and Vuex 的手把手教學，一步一步實現購物車功能 Vue C...
狀態管理 建立一個空間來儲存應用程式的 store state store 資料夾 放在 src 下 store 中包含 product 和 cart 資料夾...
前言 Vue Router 提供 Navigation Guards，可以在路由變更前後去呼叫相關的 function。 使用? 利用router.befor...
前言 為了解決 Vue.js 2x 元件之間無法重複使用邏輯和程式碼，而出現了 Composition API。composition API 將跨元件共用的屬...
回顧 Options-based API 和 Comosition API Options-based API 一個元件包含 properties/meth...
