[学]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-ifv-show都能控制是否显示,但是前者是条件不满足时完全不渲染,而后者无视条件直接渲染(所以经常会有xx property of undefined),官网详细对比

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

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

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

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

    原文作者:年久失修
    原文地址: https://segmentfault.com/a/1190000009268777
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞