/vue.news

项目地址

Primary LanguageJavaScript

Vue News

Vue Vue vue-router vuex vue-awesome-swiper
Sauce Test Status

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

vue-news

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

简介

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

实现的功能

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

未实现的功能

  • 路由记录管理
  • 服务端渲染
  • 分块加载
  • 测试

安装步骤

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

# 开发预览
npm run dev

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

项目截图

首页

菜单

License

MIT

Copyright (c) 2017-present, daoket