[学]vue2高仿饿了么商家页面

饿了么商家页面"/>

[学]vue2高仿饿了么商家页面

最近从imooc上学习了估计已经烂大街的实战课程（vue.js高仿饿了么）。课程用的vue.js是1.x版本，边学边查阅vue.js（2.x）官网，磕磕绊绊也算是完成了，顺便巩固了下自己成渣的前端基础知识。

实战源码见：GitHub归档。

如果下中个人笔记链接访问不到，可以查看我个人主页的公开笔记。

小结：

1、请使用vue.js的英文官网，中文的稍微有些滞后，比如动效（中文的看了大半会儿才顿悟），英文的已经更新到了三种状态（很清晰，以开始动效为例：xx-enter（开始时状态）、xx-enter-active（激活状态）、xx-enter-to（结束时状态），个人笔记。

2、v-if、v-show都能控制是否显示，但是前者是条件不满足时完全不渲染，而后者无视条件直接渲染（所以经常会有xx property of undefined），官网详细对比。

3、z-index（你可能想的太简单了）和Stacking Context。

4、inline元素之间出现空格。

5、文字溢出hidden并显示省略号。

6、其它的像vue的组件通信、过渡钩子等可以检索官网doc。