脚本宝典收集整理的这篇文章主要介绍了

[学]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。

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过