Vue News

地址:https://daoket.github.io/news/index.html#/select

在手机上效果更好，扫一扫体验

简介

• 本项目使用最新版vue2进行构建，项目中使用vue-router控制路由，vuex进行状态管理，另外还是引入了几个常用的vue插件，比如使用vue-axios处理http请求，使用vue-awesome-weiper处理首页轮播，使用vue-lazyload进行懒加载，项目中使用到了vue的大部分知识点，欢迎各种star。

实现的功能

1. 首页轮播图
2. 新闻懒加载、点击加载更多
3. 请求新闻时加载动画
4. 菜单栏的显示和隐藏
5. 新闻搜索
6. vuex管理数据

未实现的功能

• 投票

安装步骤

# 下载或克隆下来，然后安装依赖
npm install

# 开发预览
npm run dev

# 打包发布，生成的文件在dist文件夹中
npm run build

目录介绍

src： 项目代码
   assets: 项目中静态文件，如图片
   components: vue组件
   router: 路由文件
   store： 项目数据
   main.js： 入口文件

项目截图

首页

菜单

License

MIT

Copyright (c) 2017-present, daoket