連續寫了 Vue Instance, Lifecycle Hook, Virtual DOM 有點快要腦中風，今天就先回到寫幾個基礎範例喘息一下。至於執行結果的部分就麻煩大家點fiddle範例觀看(...
今天還是一樣不太想開始寫Code，不想面對接下來的26天，三十天是很漫長的一個月... 在網路上可以找到許多的文章在介紹Vue，Vue的發音跟View一樣，簡單的來說就是負責MVC裡面很重要的一環 ─...
概述 DOM 是文檔對像模型(Document Object Model)的簡寫，在瀏覽器中我們可以使用 js 來操作 DOM，但是這樣的操作性能很差，於是 Virtual Dom 應運而生。Vir...
Actions Actions 類似於 mutations，但仍然有些不同： Action 提交（commit）的是 mutations ，而不是直接變更 state。 Actions 可以包含任意...
Vue Instance 每個 Vue 的應用都是通過 new Vue() 來建立 Vue Instance 建立 Vue Instance 下面建立了一個名為 vm 的 Vue Instance，...
Mutations 提交 mutations 是改變 Vuex 中 store 的唯一方式。 mutations 非常類似於組件中的事件（event），每個 mutation 都有一個字串的 事件...
非常偷懶的把官方介紹七個範例照打，目的在於粗略了解 Vue 在幹麻。 可以點擊各個範例的 fiddle 連結自行修改和觀看結果。 Vue example 01 - Hello Vue 最基礎的資料綁...
合併使用 我們在實際開發時， computed 內容並不會像前兩章的範例那樣簡單，有時我們需要將本地組件的 computed 或是 mapState 與 mapGetters 混合使用。通常我們要使用...
Getter 為什麼需要使用 getters ？ 在某些時候我們需要 computed store` 中的 state ，例如在 to do list 內取得完成的數量。 computed: {...
State 單一狀態樹 (Single State Tree) Vuex 使用單一狀態樹，這是一個物件包含了全部應用層的狀態與供應單一數據來源 (Single source of truth)，這代表...