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

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

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

运行步骤

# 安装依赖
npm install

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

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

访问路径

http://vue.fecss.com/mi/

建议

这个项目只是一个vue的练手项目。并没有引用一些比较好的vue.js的特性，比如vue-router或vuex。

如果想系统学习vue.js的话，建议参考jackblog-vue这个项目。

需要学习vue的组件封装的话，建议参考radon-ui之类的组件库。

类似的组件库

• vux
• vue-beauty
• vue-carbon

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