Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ITCNZ/vue-dropload
vue下拉加载,简单路由,模态框组件等开发
https://github.com/ITCNZ/vue-dropload
babel element-ui vue vue-dropload vue-resource vue-router webpack
Last synced: 6 days ago
JSON representation
vue下拉加载,简单路由,模态框组件等开发
- Host: GitHub
- URL: https://github.com/ITCNZ/vue-dropload
- Owner: ITCNZ
- Created: 2017-01-13T07:04:56.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-27T02:26:58.000Z (over 7 years ago)
- Last Synced: 2024-10-27T23:51:20.954Z (12 days ago)
- Topics: babel, element-ui, vue, vue-dropload, vue-resource, vue-router, webpack
- Language: Vue
- Homepage:
- Size: 49.8 KB
- Stars: 55
- Watchers: 4
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-github-vue - vue-dropload - 用以测试下拉加载与简单路由 (Demo示例)
- awesome-github-vue - vue-dropload - 用以测试下拉加载与简单路由 (Demo示例)
- awesome - vue-dropload - 用以测试下拉加载与简单路由 (Demo示例)
- awesome-vue - vue-dropload - dropload?style=social) - 用以测试下拉加载与简单路由 (Demo示例)
README
# vue-dropload下拉加载实例
## 项目目的
* 主要用以测试vue-resource,vue-router测试单页应用## 相关知识点
* .vue组件的开发
* vue-router 简单路由的使用
* 项目中公共样式如何引入
* vue-resource 进行ajax请求的使用
* 使用babel以及webpack 进行编译打包
* 模态框
* 轮播组件## 安装
* 本例使用vue-cli开发的,所以可以直接clone到本地
``` bash
# install dependencies
npm install# serve with hot reload at localhost:8080
npm run dev```
## 效果图
![image](https://github.com/ITCNZ/vue-dropload/blob/master/renders/1.jpg) ![image](https://github.com/ITCNZ/vue-dropload/blob/master/renders/2.jpg)