# vue项目

**Repository Path**: mn_999/vue_project

## 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-05-02
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cli

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).


## 制作首页APP组件
1.完成 Header 区域，使用的是Mint-Ui中的Header组件
2.制作底部的 Tabbar 区域 使用的是MUI中的Tabbar.html
  + 在制作购物车小图标的时候，操作会相对多一些
  + 先把扩展图标的css样式，拷贝到项目中
  + 拷贝 扩展字体库的ttf 文件，到项目中
  + 为购物车 小图标，添加 如下样式'mui-icon mui-icon-extra mui-icon-extra-cart'

  ## 改造 tabbar为 router-link


  ## 设置路由高亮

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

  ## 制作首页轮播图布局
  
  ## 加载首页轮播图数据
  1.获取数据，如果获取？ 使用 vue-resource
  2.http://jsonplaceholder.typicode.com/users 万能接口