VUE 全家桶，vue2

VUE全家桶，都有很牽強(qiáng)的用到

vue2

Vue.js（讀音 /vju?/，類似于 view） 是一套構(gòu)建用戶界面的漸進(jìn)式框架。

vue.js

vue-router

應(yīng)用的路由映射

router

vuex

Vuex 是一個(gè)專為 Vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。

vuex

axios

基于 Promise 的 HTTP 請(qǐng)求客戶端，可同時(shí)在瀏覽器和 Node.js 中使用

axios axios介紹

UI

muse UI mint UI

項(xiàng)目圖片展示

DEMO地址

源碼地址

掃碼觀看

目錄結(jié)構(gòu)

|-- build                                  //webpack配置文件
|-- config                                 // 項(xiàng)目打包路徑
|-- static                                 // 靜態(tài)文件目錄
|-- src                                    // 源碼目錄
|   |-- assets
|   |   |-- css
|   |   |   |-- main.scss                  // scss
|   |-- components                         // 組件
|   |-- data
|   |   |-- index.js                       // 請(qǐng)求數(shù)據(jù)
|   |-- router
|   |   |-- index.js                       // 路由配置
|   |-- store
|   |   |-- modules                        // vuex模塊
|   |   |-- index.js                       // vuex主文件
|   |-- App.vue                            // 頁(yè)面入口
|   |-- main.js                            // 程序入口
|-- .babelrc                               // ES6語(yǔ)法編譯配置
|-- .editorconfig                          // 代碼編寫規(guī)格
|-- .gitignore                             // push忽略文件
|-- index.html                             // 入口html頁(yè)面
|-- package.json                           // 依賴及配置
|-- README.md                              // 簡(jiǎn)介

使用

npm i               // 安裝依賴
npm run dev         // 本地開(kāi)發(fā)
npm run build       // 生產(chǎn)部署