VUE 全家桶,vue2-vue-router-vuex-axios - 一个看笑话的 webapp
2017-03-17 10:24
531 查看
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
museUI 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 // 生产部署
相关文章推荐
- VUE 全家桶,vue2-vue-router-vuex-axios - 一个看笑话的 webapp
- vue2 + router + vuex + vux + axios 开发的一点总计
- 基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
- 基于vue2 + vue-router + vuex 构建的一个新闻类大型单页面应用 —— 今日头条
- 已配置好的vue全家桶项目router,vuex,api,axios,vue-ls,async
- 基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
- vue2 vue-router2 webpack1
- 【vue+axios】一个项目学会前端实现登录拦截
- vue-router的一个小实例
- 用vue.js和vue-router重构一个网站
- vue-router实现webApp切换页面动画效果代码
- 使用vue2、vuex、vue-router、axios等重写饿了么点餐系统
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- 这是一个基于Vue2实现的网易云音乐MV的webapp。
- Vue.js起步实践--不用webpack或vue全家桶情况下开始动手写一个小组件
- 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用
- vue2 vue-router 组装
- Vue.js学习之vue-router vuex axios webpack
- vue vuex vue-router vue-resource 简单的搭建一个 vue 小项目
- 分享一个vueui axios-mock-adapter 中的用法