https://github.com/wendaosanshou/mi-by-vue

使用vue.js模仿小米官网
https://github.com/wendaosanshou/mi-by-vue

Last synced: 2 months ago
JSON representation

使用vue.js模仿小米官网

• Host: GitHub
• URL: https://github.com/wendaosanshou/mi-by-vue
• Owner: taomas
• Created: 2016-08-11T07:35:22.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-10-11T03:01:25.000Z (over 8 years ago)
• Last Synced: 2024-10-29T10:45:19.375Z (2 months ago)
• Language: Vue
• Homepage:
• Size: 278 KB
• Stars: 487
• Watchers: 31
• Forks: 175
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-vue - mi-by-vue - VueJS仿小米官网 (Demo示例)
• awesome - mi-by-vue - VueJS仿小米官网 (Demo示例)
• awesome-github-vue - mi-by-vue - VueJS仿小米官网 (Demo示例)
• awesome-vue - mi-by-vue - by-vue?style=social) - VueJS仿小米官网 (Demo示例)

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)

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