说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

前言 阅读前请按照顺序参看系列文章,效果更佳! 据说系列文章很难火爆，因为知识点包袱不够多，所以大家看往后不太愿意收藏， 不过没关系了， 系列文章的好处是看着舒服，碎片化时间内很快就看完了，不是吗？

1. 父组件 向 子组件 传递值 2. 子组件 向父组件传递值 3. 父组件 通过 $refs / $children 来获取子组件值 4. 子组件 通过 $parent 来获取父组件实例的属性和方法 5. $attrs 和 $listeners 获取父组件实例属性和方法(组件…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

vue项目中有使用到socket长连接，之前一直都是都是使用vue-socke.io[github地址]，但最近在使用时，出了一些莫名奇妙的bug，也是为此掉了不少头发，最后还是解决了。关于socket相关内容介绍以及使用场景，这里不会做太多介绍（主要是懒），可以翻看其他文章。…

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

相信实际项目中用过vue的同学，一定对vue中父子组件之间的通信并不陌生，vue中采用良好的数据通讯方式，避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式，优缺点，及其实际工作中的应用场景 prop通信方式大家最常见的，也是最常用的父子组件通信类型，我…

2016 年 3 月 13 日 Element 悄然诞生，经历了 4 年的风雨洗礼，我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。 截至本文撰写时，Element 已获得 48200 Github Star， NPM 下载量 95 万次/每月的…

在这之前，偶尔的会去阅读Vue相关知识点的源码，比如看到一些面试：“nextTick的原理是什么？” ，或者是：“请说一下响应式的实现原理”，或者在开发中遇到了棘手的bug（耽误我下班啦），也就不得不去找资料 or 阅读相关源码啦，以上等等情况.... 大家也是不是跟我差不多？…