# vue-xiaomi-demo

**Repository Path**: yxr-git/vue-xiaomi-demo

## Basic Information

- **Project Name**: vue-xiaomi-demo
- **Description**: vue-xiaomi-demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-21
- **Last Updated**: 2020-12-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mi-by-vue

> 使用vue.js模仿小米官网的作品

## 运行步骤

``` bash
# 安装依赖
npm install

# 在本地启动服务，并且通过localhost:8080地址进行访问
npm run dev

# 编译并且压缩代码
npm run build

```

## 访问路径

[http://vue.fecss.com/mi/](http://vue.fecss.com/mi/)

## 建议
> 这个项目只是一个vue的练手项目。并没有引用一些比较好的vue.js的特性，比如vue-router或vuex。
>
> 如果想系统学习vue.js的话，建议参考[jackblog-vue](https://github.com/jackhutu/jackblog-vue)这个项目。
>
> 需要学习vue的组件封装的话，建议参考[radon-ui](https://github.com/wendaosanshou/radon-ui)之类的组件库。

类似的组件库
- [vux](https://github.com/airyland/vux)
- [vue-beauty](https://github.com/FE-Driver/vue-beauty)
- [vue-carbon](https://github.com/myronliu347/vue-carbon)

建议读这些组件库的源码，学习他们的组件封装的思想。