vue全家桶項目搭建(vue-cli 2.9.6+vue-router+vuex+axios)


一、安裝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可查看到如下頁面:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM