iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

頁面切換好夥伴- Vue Router [序]

前言 在過去,路由主要是 Server 負責,根據不同的路由去決定要渲染的頁面,回傳整個 HTML 回來,現在較多的架構是前後端分離,前端負責頁面呈現資料;後端...

2021-10-06 ‧ 由 shan33 分享
DAY 22

頁面切換好夥伴- Vue Router [續]

Vue Router 設定 延續上次的設定檔 // src/router/index.js import { createWebHistory, createR...

2021-10-07 ‧ 由 shan33 分享
DAY 23

中央狀態指揮中心- Vuex [序]

什麼是 Vuex ? 為 Vue.js 開發的狀態管理模式,集中管理元件的狀態。 像是電商網站中的購物車,跟全站十分緊密,商品數量增減、商品新增移除等等。Vue...

2021-10-08 ‧ 由 shan33 分享
DAY 24

中央狀態指揮中心- Vuex [續]

Vuex 結構分為 state getters mutations actions 四個部分 State Vuex 使用 single state tree 單...

2021-10-09 ‧ 由 shan33 分享
DAY 25

[番外] 一步一步實現購物車功能 [序]

前言 參考 How To Build a Shopping Cart with Vue 3 and Vuex 的手把手教學,一步一步實現購物車功能 Vue C...

2021-10-10 ‧ 由 shan33 分享
DAY 26

[番外] 一步一步實現購物車功能 [續]

狀態管理 建立一個空間來儲存應用程式的 store state store 資料夾 放在 src 下 store 中包含 product 和 cart 資料夾...

2021-10-11 ‧ 由 shan33 分享
DAY 27

路由把關者- Navigation Guards

前言 Vue Router 提供 Navigation Guards,可以在路由變更前後去呼叫相關的 function。 使用? 利用router.befor...

2021-10-12 ‧ 由 shan33 分享
DAY 28

擁抱組合疊疊樂 Composition API [序]

前言 為了解決 Vue.js 2x 元件之間無法重複使用邏輯和程式碼,而出現了 Composition API。 composition API 將跨元件共用的...

2021-10-13 ‧ 由 shan33 分享
DAY 29

擁抱組合疊疊樂 Composition API [續]

回顧 Options-based API 和 Comosition API Options-based API 一個元件包含 properties/meth...

2021-10-14 ‧ 由 shan33 分享
DAY 30

辛酸寫史- 下回見

感想 終於來到第 30 天,回想過去每一天都在趕稿,剪剪貼貼出一篇文章.... 第二次參賽,也沒有比較上手... 但 至少至少有將買的書打開 至少至少回家不會只...

2021-10-15 ‧ 由 shan33 分享