/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-music

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

简介

  • 本项目使用最新版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