# 项目简介
这是一个基于vue-cli的全家桶示例项目,使用了vue-cli作为脚手架搭建,使用了mint-ui作为前端框架。
路由管理:vue-router,状态管理:vuex,网络请求:axios。
这是一个移动端的app项目示例,可根据此例进行一个H5应用的搭建,利用打包工具(如cordova)可以打包成原生应用。
项目的默认端口是`8899`,你也可以在webpack的配置中自己更改。
本项目没有使用eslint代码检查,所以有一些代码风格不是很规范
# 项目演示
由于录屏软件的问题,该演示图可能又有些卡顿情况,与项目运行无关。有空会重新录一版。
![vue-app演示图](https://github.com/JerryYuanJ/a-vue-app-template/blob/master/static/app.gif)
# 博客
这个是我的个人博客,里面有对本项目的详细介绍及搭建,组件学习。每次大的更新都会做相应的记录。
## [Jerry的个人博客](http://blog.csdn.net/qq_25324335/article/details/78675148)
# 项目运行
git clone https://github.com/JerryYuanJ/a-vue-app-template.git
cd a-vue-app-template
(安装依赖) npm install (或者cnpm install)
(运行)npm run dev
(打包)npm run build
# 功能介绍
* mint-ui中较为复杂组件的使用,比如loadmore和swipe组件的结合使用,完成主流app列表页的上拉加载更多、下拉刷新、
左滑切出编辑选项等常见需求。
* mint-ui中MessageBox的校验问题解决
* 子路由的使用
* echarts图的使用
* 组件化开发,包括组件开发的常见问题的解决
* 子路由的应用,以及刷新当前子路由页面的问题解决
* 国际化插件的使用详解
* 移动端日历组件的展示运用
# 更新日志
* ~2018-03-13
项目搭建及部分代码调整,组件学习、测试等。
* 2018-03-14
* 添加sass作为项目的css语言,并且定义了几个共有的变量和混合作为简单学习
* 添加echarts图的主要统计图表,利用子路由完成单页面内的图表切换。同时解决了单页面内刷新当前子路由的对应组件的展示问题。
* 2018-03-17
* 添加下拉刷新组件。自己写的一个组件,实现了下拉刷新功能,主要是探究类似组件的实现原理。
* 2018-04-14
* 图表统计界面添加了一个进入的默认图表显示
* 项目结构调整,主要是将自定义的组件抽取到单独的文件夹中components/comswen目录中存放所有的自定义组件,pages/test目录中
存放对应的测试组件使用界面
* 模块化路由配置(之前的没有动,新建的组件测试页面的路由都抽取到router/modules/components.js中)
* 新建一个select-header组件,用于可选择的头部组件的封装
* 添加font-awesome依赖
* 2018-06-20
* 添加了国际化插件及测试demo
* 添加了三种日历插件及测试demo
没有合适的资源?快使用搜索试试~ 我知道了~
一个关于Vue的实例项目
共102个文件
js:28个
png:27个
vue:25个
2星 需积分: 44 91 下载量 65 浏览量
2019-01-16
16:20:34
上传
评论 3
收藏 2.95MB ZIP 举报
温馨提示
一个非常不错的Vue实例项目,可以用来学习参考,里面还有附带部署的步骤
资源推荐
资源详情
资源评论
收起资源包目录
一个关于Vue的实例项目 (102个子文件)
.babelrc 221B
.editorconfig 147B
.eslintignore 51B
.eslintrc 97B
app.gif 2.1MB
.gitignore 227B
.gitkeep 0B
index.html 1KB
bed.ico 66KB
favicon.ico 8KB
swipe1.jpg 263KB
swipe3.jpg 195KB
swipe2.jpg 138KB
user.jpg 5KB
webpack.prod.conf.js 5KB
index.js 3KB
webpack.dev.conf.js 3KB
utils.js 3KB
index.js 3KB
init-plugins.js 2KB
webpack.base.conf.js 2KB
runner.js 2KB
check-versions.js 1KB
build.js 1KB
nightwatch.conf.js 1KB
karma.conf.js 992B
DialogUtil.js 988B
webpack.test.conf.js 867B
.eslintrc.js 843B
main.js 779B
elementCount.js 777B
test.js 561B
vue-loader.conf.js 559B
index.js 558B
components.js 545B
index.js 487B
HelloWorld.spec.js 353B
.postcssrc.js 197B
dev.env.js 156B
test.env.js 149B
mutation-types.js 129B
prod.env.js 61B
package-lock.json 508KB
data.json 21KB
package.json 3KB
app-jp.json 105B
app-zh.json 99B
app-en.json 94B
README.md 3KB
chart.png 29KB
invoice.png 18KB
hr.png 17KB
i18n.png 15KB
app.png 13KB
data.png 12KB
user.png 9KB
user_selected.png 9KB
note.png 7KB
logo.png 7KB
logo.png 7KB
setting.png 6KB
workflow.png 5KB
right.png 5KB
switch.png 4KB
select.png 4KB
calendar.png 4KB
tool_selected.png 4KB
chart-o-selected.png 3KB
home_selected.png 3KB
chart-o.png 3KB
home.png 3KB
info.png 3KB
tool.png 2KB
css3.png 2KB
refresh.png 557B
menu.png 551B
common.scss 1KB
CalendarTest.vue 6KB
chartBox.vue 6KB
OtherTest.vue 4KB
pull-to-refresh.vue 4KB
tool.vue 3KB
Loadmore.vue 3KB
main.vue 3KB
select-header.vue 3KB
I18NTest.vue 3KB
OppFunnel.vue 3KB
CustomerCategory.vue 2KB
my.vue 2KB
MonthlyTask.vue 2KB
MonthlySalesStatistics.vue 2KB
memonew.vue 2KB
SelectHeaderPage.vue 2KB
memolist.vue 2KB
Tabbar.vue 2KB
SaleRank.vue 2KB
FooterBar.vue 2KB
singleSelector.vue 2KB
MyInfo.vue 2KB
PullToRefreshPage.vue 1KB
共 102 条
- 1
- 2
资源评论
- loadSuccess2020-05-19与推荐标题不符
醉生梦死bug中
- 粉丝: 5
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功