重新認識 Vue.js - 實體書勘誤表

雖然作者與出版社已全力編輯與製作本書，亦無法全面保證書中無任何瑕疵，若您發現內容有誤或有任何問題，歡迎直接來信，或在此頁下方留言，謝謝您的指教 😃

1-1 Vue.js 簡介 - p.3

將 temaplte 編譯為 render function，並回傳 Virtual DOM 物件

應為

將 template 編譯為 render function，並回傳 Virtual DOM 物件

---

過去傳統我們所熟悉的 jQeury 或原生 JavaScript

應為

過去傳統我們所熟悉的 jQuery 或原生 JavaScript

3-2 Vue SFC 單一元件檔 - p.181

為各位讀者解說 Vue 單一元件檔 (SFC, Single Component File) 是什麼？

應為

為各位讀者解說 Vue 單一元件檔 (SFC, Single File Component) 是什麼？

5-2 Vuex 核心概念與結構 - p.268

// moduleA 的 fetchProductInfo
this.$store.dispatch('moduleA/fetchProductInfo');

// moduleB 的 fetchProductInfo
this.$store.commit('moduleB/fetchProductInfo');

又或者，在採用 mapActions 或 mapMutations 的情況下：

methods: {  
  ...mapActions('moduleA', ['fetchProductInfo', '...']),
  ...mapMutations('moduleB', ['updateProductInfo', '...']),
},

此頁的 moduleB 部分程式碼應分別修正為：

// moduleB 的 fetchProductInfo
this.$store.commit('moduleB/fetchProductInfo');

與

methods: {  
  ...mapActions('moduleA', ['fetchProductInfo', '...']),
  ...mapMutations('moduleB', ['fetchProductInfo', '...']),
},

5-2 Vuex 核心概念與結構 - p.266

此頁的程式碼片段：

  mutations: {
    increment({ state, commit, rootState }) {
      // 略...
    }
  },

應修正為：

  mutations: {
    increment(state, payload) {
      // 略...
    }
  },

而 mutations 與 actions 則是可以透過前面講過的 context 物件來存取 context.rootState

修正為

而 actions 則是可以透過前面講過的 context 物件來存取 context.rootState

6-2 Composition API 的核心 - p.319

原文：

就是在元件的實體物件內已經不會再有 data 、 compited 、 methods 與生命週期 Hooks

應修正為

就是在元件的實體物件內已經不會再有 data 、 computed 、 methods 與生命週期 Hooks

附錄 - p.364

npm run lint
# 或 yanr lint

應為

npm run lint
# 或 yarn lint