vue2.x+vuex+TS專案實戰基礎篇

一、vue-cli腳手架工具建立專案

專案原始碼地址：github原始碼地址
1. 如果沒有安裝vue-cli腳手架工具，可以通過下面的命令安裝（兩種方式）

 1. npm install -g @vue/cli 
 2. yarn global add @vue/cli

2. 建立vue專案

vue create vuex_ts

3. 我們可以在這裡手動選擇配置：

4. 點選上下箭頭移動選項，點選空格選中和不選中某個選項
這裡我選擇了：Choose Vue version、Babel、TypeScript、Router、Vuex、CSS Pre-processors、Linter / Formatter

5. 具體的選項，以及我的選擇

6. 啟動專案

 1. cd vue-ts
 2. npm run serve

7. 無名稱空間的state、getters、mutations、actions的使用

8. 有名稱空間之state使用

9. 有名稱空間之getters使用

10. 有名稱空間之mutations使用

11. 有名稱空間之actions使用