# vue000

**Repository Path**: inmia/vue000

## Basic Information

- **Project Name**: vue000
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-24
- **Last Updated**: 2021-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 1111111111

## 2222222222

### 3333333333

#### 4444444444

##### 5555555555

###### 6666666666 哈哈哈


## [主流开源协议之间有何异同？](https://www.zhihu.com/question/19568896)


## 用[传统方式]命令行将修改过后的代码上传到gitee

1. git add .
2. git commit -m "提交信息"
3. git push


## 制作首页App组件
1. 完成 Header 区域，使用的是 Mint-UI 中的 Header 组件
2. 制作底部的 Tabbar 区域，使用的是 MUI 的 Tabbar.html
   + 在制作购物车小图标的时候，操作会相对多一些
   + 先把扩展图标的 css 样式拷贝到项目中
   + 拷贝扩展字体库 ttf 文件到项目
   + 为购物车小图标添加如下样式：'mui-icon mui-icon-extra mui-icon-extra-cart'
3. 要在中间区域放置一个 router-view 来展示路由匹配的组件


## 改造 tabbar 为 router-link

## 设置路由高亮

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

## 制作首页轮播图布局

## 加载首页轮播图布局
1. 获取数据，如何获取呢？ 使用 vue-resource
2. 使用 vue-resource 的this.$http.get 获取数据
3. 获取到的数据， 要保存到 data 身上
4. 使用 v-for 循环渲染每个 item 项

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

## 改造新闻资讯路由链接

## 新闻资讯页面制作
1. 绘制页面 使用 MUI 中的 media-list.html
2. 使用 view-resource 获取数据
3. 渲染真实数据

## 实现新闻资讯列表点击跳转到新闻详情
1. 把列表中的每一项改造为 router-link ，同时，在跳转的时候应该提供唯一的Id标识符
2. 创建新闻详情的组件页面 NewInfo.vue
3. 在路由模块中将新闻详情的路由地址和组件页面对应起来

## 实现新闻详情的页面布局和数据渲染