VUE 全家桶，vue2-vue-router-vuex-axios - 一個看笑話的 webapp

VUE全家桶，都有很牽強的用到

vue2

Vue.js（讀音 /vju?/，類似于 view） 是一套構建用戶界面的漸進式框架。

vue.js

vue-router

應用的路由映射

router

vuex

Vuex 是一個專為 Vue.js應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，并以相應的規則保證狀態以一種可預測的方式發生變化。

vuex

axios

基于 Promise 的 HTTP 請求客戶端，可同時在瀏覽器和 node.js 中使用

axios axios介紹

UI

muse UI mint UI

項目圖片展示

目錄結構

|-- build                                  //webpack配置文件
|-- config                                 // 項目打包路徑
|-- static                                 // 靜態文件目錄
|-- src                                    // 源碼目錄
|   |-- assets
|   |   |-- css
|   |   |   |-- main.scss                  // scss
|   |-- components                         // 組件
|   |-- data
|   |   |-- index.js                       // 請求數據
|   |-- router
|   |   |-- index.js                       // 路由配置
|   |-- store
|   |   |-- modules                        // vuex模塊
|   |   |-- index.js                       // vuex主文件
|   |-- App.vue                            // 頁面入口
|   |-- main.js                            // 程序入口
|-- .babelrc                               // ES6語法編譯配置
|-- .editorconfig                          // 代碼編寫規格
|-- .gitignore                             // push忽略文件
|-- index.html                             // 入口html頁面
|-- package.json                           // 依賴及配置
|-- README.md                              // 簡介

使用

npm i               // 安裝依賴
npm run dev         // 本地開發
npm run build       // 生產部署