一、安裝vue-cli + vue-router + vuex + axios
1、安裝vue-cli

2、創建項目

3、安裝vuex和axios

二、搭建項目目錄結構,如下所示:

1、assets目錄用於存放靜態文件,如圖片等等。
2、components目錄用於存放一些封裝的公用的組件。
3、config目錄用於存放配置項信息。
4、page目錄用於存放頁面組件。
5、router目錄用於存放路由信息。
6、service目錄用於存放請求后台接口的操作。api.js用於封裝統一請求接口。
7、store目錄用於存放vuex的相關信息。
三、配置vuex
在/src/store/index.js中,寫入如下內容

在main.js中引入store:

四、項目結構就此搭建完成,控制台中輸入npm run dev可查看到如下頁面:

