技術 [Vue.js] Vuex 學習筆記 (12) - 嚴格模式

嚴格模式 Strict Mode 開啟嚴格模式只需要在建立 store 時傳入 strict: true 。 const store = new Vuex.S...

技術 [Vue.js] Vuex 學習筆記 (11) - 插件

插件（Plugin） Vuex 的 store 接受 plugins 選項，這個選項露出每個 mutation 的鉤子 (hook)， Vuex 插件就是一個函...

技術 [Vue.js] Vuex 學習筆記 (8) - actions 的核心概念

Actions Actions 類似於 mutations，但仍然有些不同： Action 提交（commit）的是 mutations ，而不是直接變更 s...

技術 [Vue.js] Vuex 學習筆記 (7) - mutations 的核心概念

Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件（event），每個 m...

技術 [Vue.js] Vuex 學習筆記 (6) - mapState 與 mapGetters 合併使用

合併使用 我們在實際開發時， computed 內容並不會像前兩章的範例那樣簡單，有時我們需要將本地組件的 computed 或是 mapState 與 map...

技術 vue & vuex 27 - 進階路由顯示 - multiples views、nested routes

今天我們將練習 vue-router 兩種進階顯示方式，多重顯示與巢狀路由，這樣的設計會讓我們的系統，搭配 router path 顯得語意化且更具結構性。 今...

技術 vue & vuex 25 - Login - II (router auth、rouetr beforeEach)

昨天我們做了一個登入頁面，可是使用者還是可以任意轉跳到其他頁面，今天我們要讓其它頁面加上驗證項目，讓登入頁面變成我們的大門。 今天目標： 設定 router...

技術 vue & vuex 04 - 使用 vue-router 建構 Single Page Application

為什麼要使用 router ? 更方便讓我們切換兩個不同的頁面，而不是將所有功能寫在同一頁上面，利用 if 去切換 使用 vue-router 2.0 npm...