小米购物的模仿网页（vue基础）

mi-store

主要为了熟悉Vue.js的语法和常见的API，所以并没有用vue-router或vuex

1.使用的技术

• vue，.vue文件的开发
  把html，js，css按照vue文件一个一个开发，列表渲染，条件渲染，常见的事件绑定，模板语法，过度效果。
• scss预处理器
• JS(ES6)
• vue-cli构建工具

2.代码结构

image.png

3.相关地址

• 预览地址：http://jazi.coding.me/mi-store-demo/dist/index.html
• 源码地址：https://github.com/JAZI6/mi-store-demo