Vue News
地址:https://daoket.github.io/news/index.html#/select
在手机上效果更好,扫一扫体验
简介
- 本项目使用最新版vue2进行构建,项目中使用vue-router控制路由,vuex进行状态管理,另外还是引入了几个常用的vue插件,比如使用vue-axios处理http请求,使用vue-awesome-weiper处理首页轮播,使用vue-lazyload进行懒加载,项目中使用到了vue的大部分知识点。
实现的功能
- 首页轮播图
- 新闻懒加载、点击加载更多
- 请求新闻时加载动画
- 菜单栏的显示和隐藏
- 新闻搜索
- vuex管理数据
未实现的功能
- 路由记录管理
- 服务端渲染
- 分块加载
- 测试
安装步骤
# 下载或克隆下来,然后安装依赖
npm install
# 开发预览
npm run dev
# 打包发布,生成的文件在dist文件夹中
npm run build
项目截图
首页
菜单
License
Copyright (c) 2017-present, daoket