VUE 全家桶,vue2-vue-router-vuex-axios

来源:互联网 发布:书籍编辑软件 编辑:程序博客网 时间:2024/05/22 05:18

VUE全家桶,都有很牵强的用到

http://www.tuicool.com/articles/qEvErm

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

项目图片展示

DEMO地址

源码地址

扫码观看

目录结构

|-- 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       // 生产部署

阅读全文
0 0
原创粉丝点击