<!--
通讀了3遍vuex官方文檔，結合例子，算是整得七七八八了，還看了官方在GitHub上提供的例子源碼
整明白了，其實這玩意兒也不是很難，就是概念比較抽象，只看文字描述是不行的，必須得結合實例
-->
<!-- 周總結 -->
1. 學了啥？
1.1 構造函數繼承 call(this, ...) && apply(this, [...])
每個函數都有call()和apply()方法，作用是用於修改函數this指向
兩個方法的作用是相同的，不同之處在於接收參數形式不同
call(this, 參數1, 參數2, ...)
apply(this, [參數1, 參數2, ...])
1.2 VueJs
1.2.1 VueJs基本指令
{{msg}} 雙花括號插值語法，也可以寫簡單表達式
v-html 向文檔中插入html
v-if 根據條件判斷是否渲染DOM
v-show 根據條件判斷是否顯示DOM，實際操控的是display屬性
v-for 循環
v-model 雙向綁定
v-on 添加事件，簡寫爲@
v-bind 添加自定義屬性，簡寫爲:
1.2.2 基本語法
new Vue({
el: '#xx', // vue程序的控制範圍
data: {}, // vue程序的數據
computed: {}, // 計算屬性
watch: {}, // 監聽數據
methods: {} // 方法在這裏定義
})
1.2.3 組件通信 props, $emit()
1.2.4 VueRouter 路由
1.2.5 Axios 用於前後端交互
axios.get('xxx',{
params: {}
})
.then( res => {...} )
1.2.6 Vuex，用於vue的狀態管理
new Vuex.Store({
state: {},
getters: {},
mutations: {},
actions: {}
})
1.2.7 生命週期 - 鉤子函數
created() 實例初始化完成後調用，常用於加載動畫
mounted() 組件掛載到真實DOM之後調用，常用於請求數據
2. 做了啥？
2.1 VueJs基本語法，指令Demo
2.2 VueJs組件通信Demo
2.3 VueRouter路由Demo
2.4 Vue版本選地址，購物車Demo
2.5 Vuex版本購物車Demo
3. 有啥問題？
前邊沒啥問題，vuex這裏不是很好理解，週末啃了兩天，基本沒問題了
4. 有啥收穫？
4.1 畫邏輯圖好些了，感覺這一招很棒，不管是對自己以後的工作還是即將找工作的面試環節都有很大幫助
4.2 vuex這一塊的知識之前陌生，現在基本ok了