技術 【Day 24】跨越直系與旁系元件的全域狀態管理工具

針對狀態管理，前面有看過最基本的useState，也有看過useReducer用法，甚至還有搭配useContext，讓state可以不用再層層傳遞，但是目前為...

文科少女 ‧ 2023-09-30 ‧團隊曼陀號計畫V

技術 [Day25]：一個大Store - Store改寫

一個大Store 想要我的狀態嗎？ 想要的話可以全部給你，去找吧！我把所有狀態都放在Store裡。───────────────────────── By...

Opshell ‧ 2022-09-25

技術 [Day24]：Vuex安裝&設定

Vuex 設定 Vuex是一個專為Vue.js開發的狀態管理模式 + 套件他集中儲存、管理App中的所有組件狀態──────────────────── B...

Opshell ‧ 2022-09-24

技術 Day 21：總匯複習－Vuex、Route

前幾篇介紹了 Vuex 管理資料狀態，以及在生命週期或導航守衛發送 API 的時機點，再次回到專案範例，目前已處理好顯示導覽列中的全部書單內容，我們接續完成其他...

Teen ‧ 2021-10-06 ‧團隊好想工作室V5.0

技術 Day 19：有名模組，無限輔助－Vuex Modules、Map Helper

前兩篇介紹完 Vuex 的核心概念，最後當中大型專案需要組織較為複雜的資料結構時，總不可能一個 index.js 就塞滿所有資料量，這會造成取用和管理上的不便，...

Teen ‧ 2021-10-04 ‧團隊好想工作室V5.0

技術 Day 18：產地直送，先拿再用－Vuex State、Getters

承上篇從 Actions 進展到 Mutations，接下來讓 Mutations 將結果直接賦值給 State，繼續接棒完成 Vuex 狀態存取流程！ Sta...

Teen ‧ 2021-10-03 ‧團隊好想工作室V5.0

技術 Day 17：異步行動，同步變動－Vuex Actions、Mutations

Vuex 是個處理全域資料的狀態管理庫，採集中式管理方式，方便任何元件都能從中獲取狀態或觸發事件，實作上通常用來存儲 API 資料後再加以應用，尤其適合應用於開...

Teen ‧ 2021-10-02 ‧團隊好想工作室V5.0

技術 D09 - 打開第一扇窗：建立 Vue Component

本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...

鱈魚 ‧ 2021-09-23

技術 [鼠年全馬] W39 - 使用Vuex管理資料狀態(下)

這週要繼續來探討 Vuex上週的文章傳送門 首先先回顧一下上週提到的 Store 中有這些東西: state: 存放資料狀態的物件，類似Vue元件中的 da...

技術 [鼠年全馬] W38 - 使用Vuex管理資料狀態(上)

這週要來介紹一個很好用的套件 - Vuex 看到名稱應該馬上可以理解他就是Vue專案在使用的套件吧xD 有看過我之前的專案開發的文章的人，應該會發現我從來沒有用...

技術 Vuex 是什麼

Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...

技術 【D25 - Vuex】給你一個方便的儲藏室!!

Vuex是一個非常方便且非常好用的的開發vue工具，他有點類似於react的redux~ 今天簡短介紹一下Vuex，明天就可以來實踐今天講到的東西囉! 甚麼...

ryanyen2 ‧ 2020-09-25

技術 [學習筆記] Vuex 保存登入的用戶名

這篇是透過網路教學資源自我學習，並將學到的東西做個紀錄主要是在說明各個component中(XXX.vue 獨立分割的component)如何透過Vuex來存...

技術 Day 30 Vuex Mutations介紹 / 鐵人賽心得

前言 昨天介紹到 Vuex Getter 方法使用，那今天就接著介紹 Mutations 用法，那我們就開始摟～對了附註一提，這系列文章沒意外的話，我應該就繼續...

chunwen ‧ 2019-10-16

技術 Day29 Vuex Getter用法介紹

前言 今天要介紹的Getter，我們其實可以把它想像成Vue中的computed屬性。OK，那我們就開始吧！ Vuex Getter 介紹 使用時機：昨天我們介...

chunwen ‧ 2019-10-15

技術 Day 28 Vuex state用法介紹

前言 昨天我們簡單介紹了何謂 Vuex、 Vuex 運作流程以及 Vuex 可以幫我們解決什麼問題。那我們今天就來了解一下Vuex 核心概念該如何使用吧！ 開始...

chunwen ‧ 2019-10-14

技術 Day 27 Vuex 簡介

本文同步發表於Andy's Blog 前言 先前我們介紹到元件與元件之間的溝通方式之ㄧ：event bus，可以透過向bus發送事件與訂閱事件來將元件從原本...

chunwen ‧ 2019-10-13

技術 十八號坑，坑裡有個藏寶箱－Vuex

資料存到Vuex 寫vue的時候說到store就是在講Vuex，恩，因為我剛開始很多名詞都不認識，每天都被各種問號的名詞轟炸，所以先說一下。 今天要把原本紀錄在...

挖洗菜呱 ‧ 2019-10-04

技術 vuex (2)

vuex (2) Vue.js官方的狀態管理套件，本篇說明進階的Mutations用法及透過Dispatch Actions來引發Mutations Git...

JB ‧ 2018-11-21

技術 vuex (1)

vuex (1) Vue.js官方的狀態管理套件，本篇利用簡單範例來介紹入門用法 Github vuejs/vuex 安裝 $ npm install vu...

JB ‧ 2018-11-19

技術 總匯拼盤 - 復古總匯 TodoList 燴資料模組

Alex ‧ 2018-11-08 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 主廚推薦 - 精緻模組化數據塔

Alex ‧ 2018-11-05 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 主廚推薦 - 共享式集中數據管理大雜燴

Alex ‧ 2018-11-04 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 #12: Pages 簡單介紹與初建所有頁面功能

如果看過上一篇的 layout/default 的截圖，可以大概了解 blog 的樣子。 這邊先簡單拆分為兩個部分： 管理者相關(使用 layout/admi...

HunterLiu ‧ 2018-10-19 ‧團隊武裝狗狗

達標好文 技術 主廚的話 - 餐點簡介與相關說明

Alex ‧ 2018-10-16 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 [Vue.js] Vuex 學習筆記 (20) - Cheat Sheet 與結語

Cheat Sheet 這邊分享一個美觀又實用的 Vuex Cheat Sheet ，作者將 Vuex 會用到的功能全部列在清單中，對於我這種今天看完明天就忘記...

Nomi Su ‧ 2018-01-20

技術 [Vue.js] Vuex 學習筆記 (19) - 實用插件 plugin

Plugin 前面有稍微提到如何使用 plugin ，不過我們有時候並不需要自己來建輪子， GitHub 上已經有很多人開發中出方便實用的工具，我們可以善加利用...

Nomi Su ‧ 2018-01-19

技術 [Vue.js] Vuex 學習筆記 (18) - 開發工具 Vue.js devtools

Vue.js devtools Vue.js devtools 是一個在開發時很實用的 Chrome 套件，我們可以在裡面檢查組件的資料，也可以查看 Vuex...

Nomi Su ‧ 2018-01-17

技術 Day23 - [Vuex實作-購物車(3)] 購物車頁面

今天我們將繼續寫購物車Vuex專案的第二個頁面：購物車頁面。 購物車頁面 1. 刻出UI介面：修改src/components/pages/shoppingC...

Syuanhahaha ‧ 2018-01-11 ‧團隊30天熱度

技術 Day22 - [Vuex實作-購物車(2)] 商品頁面

我們將購物車分兩個主要頁面來寫：商品頁面與購物車頁面，這天我們先寫商品頁面。 前置作業：Vuex安裝、引入專案與新增Vuex需要的檔案 Vuex安裝 記得路...

Syuanhahaha ‧ 2018-01-10 ‧團隊30天熱度