Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

感觉时间好快啊，也有一个月多没更文了。这图片还是2020年产的呢~ 整理了一下这段日子里学习的Vue3，我想之后Vue3会成为一种趋势。那就捉急学起来吧~ 这个api的调用时机：创建组件实例，然后初始化 props ，紧接着就调用setup 函数。从生命周期钩子的视角来看，它会…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

只可惜不是vue3版本，下面带大家看看如何正确搬运到vue3中。 详情参见原文，不再赘述。 目前FlyCard接近400行，不太容易维护了，我们可以用Composition API拆分它们。 观察一下不难发现，拖动逻辑只有卡片1需要，所以这一部分的数据和逻辑控制是独立的，完全可…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

人云亦云，并不会让你变得有多优秀，而会让你越来越随大流。 当你和别的开发在聊到 Vue 3.0 版本发布，有哪些亮点时，你的答案之一肯定有“它变得更快了，性能上快了 1.2 ～ 2倍”。 那么我就想问你，是什么让 Vue 变快了，尤大已经在 beta 版的线上直播上告诉了我们答…

后来我还和element团队的iamkun通过一次话，对方也表示认可我们为了教育理念的开源。就一直维护下来了

但是很快我们又蒙圈了，这个组件实例和我们以前熟悉的this不一样，直接访问this.foo还是找不到数据。 当然坑还是有的，你仔细观察这个ctx，发现它不是一个Proxy对象，也就是这位兄台只有值却没有响应性，所以如果要利用响应特性，还得用proxy这个属性返回上下文对象，如果…