# VUE项目学习

**Repository Path**: yuandage/vue_project_learning

## Basic Information

- **Project Name**: VUE项目学习
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 这是一个厉害的项目

## 简单的VUE项目实战学习

## 制作首页App组件
1. 完成Header区域,使用mint-ui中的Header组件
2. 制作底部的Tabbar区域,使用mui的Tabbar.html
3. 要在中间区域放置一个router-view展示路由匹配到的组件

## 改造Tabbar为router-link

## 设置路由高亮

## 点击tabbar中的路由链接,展示对应的路由组件

## 制作首页轮播图布局

## 加载首页轮播图数据
1. 获取数据 使用vue-resource

## 改造九宫格区域的样式

## 新闻资讯的路由链接和页面制作

## 新闻资讯跳转到新闻详情,布局和数据渲染
## 新闻评论加载和发表评论
## 图片分享组件
1. 顶部的滑动条 无法滑动 是JS组件需要初始化
   mui('.mui-scroll-wrapper').scroll({
2. 底部的图片列表
3. 获取图片分类数据,渲染
## 制作图片列表(使用懒加载 lazy load)
## 点击图片跳转到图片详情页面
1. 在改造li为router-link时,需要tag属性指定要渲染为那种元素
## 实现图片详情页面的布局和美化,同时获取数据渲染页面
## 实现图片详情页面中的缩略图功能
1. 使用 vue-preview组件
## 绘制商品列表页面