前言 今天要介紹的Getter，我們其實可以把它想像成Vue中的computed屬性。OK，那我們就開始吧！ Vuex Getter 介紹 使用時機：昨天我們介紹到 state 是存放元件共同維護的資...
先創建 router/index.js import VueRouter from 'vue-router' import Home from '../components/home/home' im...
前言 昨天我們簡單介紹了何謂 Vuex、 Vuex 運作流程以及 Vuex 可以幫我們解決什麼問題。那我們今天就來了解一下Vuex 核心概念該如何使用吧！ 開始前，我們先提供 Vuex 運作流程圖讓大...
在ㄧ開始學習 vuex 觀念的時候，還有點搞不清楚怎麼區分資料，於是找了一個小練習實作。 我們有一個簡單的員工資料庫，用幾隻 API 來實作員工資料的 CRUD 這是練習的資料夾結構 員工的 vuex...
本文同步發表於斜槓女紙部落格：Day29 Vue CLI專案實作(三)：VueScrollTo套件應用 嗨~今天要來說說實作vue-scrollto 的過程。記得在D22的時候因為無法順利套用，...
本文同步發表於斜槓女紙部落格：Day28 Vue CLI專案實作(二)：Axios串接API及房間列表畫面 嗨！延續昨天的進度，今天要來實作首頁的房間列表頁面。 廢話不多說，直接開始囉！ 新增房...
本文同步發表於Andy's Blog 前言 先前我們介紹到元件與元件之間的溝通方式之ㄧ：event bus，可以透過向bus發送事件與訂閱事件來將元件從原本的樹狀傳遞模式調整為網狀模式。Day21...
vuex 是用來集中處理資料的地方，假設我們要管理 user 資料，透過 getters 顯示資料，透過 commit 觸發 mutations 裡的 function 改變 user 資料 vuex...
本文同步發表於斜槓女紙部落格：Day27 Vue CLI專案實作(一)：新增路由路徑及首頁banner 嗨！延續昨天的進度，今天要來試著調整首頁畫面，將原有的首頁內容搬家搬過來。直接來看看我的實...
前言 昨天介紹完Vue CLI2、3如何建立後，我們今天來認識一下Vue-router怎麼使用吧！ Vue Router簡介 Vue Router就是由前端模擬的路由，跟過去不同的是，換頁通常會由後...