zl_Alien的博客

前言相信实际项目中用过vue的同学，一定对vue中父子组件之间的通信并不陌生，vue中采用良好的数据通讯方式，避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式，优缺点，及其实际工作中的应用场景首先我们带着这些问题去思考1 vue中到底有多少种父子组件通信方式？2 vue中那种父子组件最佳通信方式是什么？3 vue中每个通信方式应用场景是什么？一 prop1 基本用法prop通信方式大家最常见的，也是最常用的父子组件通信类型，我们可以直接在标签里面给子组件绑定属性和方

之前的文章详细的介绍了vue3.0 相应式原理，知道了用proxy代替Object.defineProperty 的利与弊，了解了依赖收集和派发更新的大致流程，知道了vue3.0响应式原理，这节我们一起研究vue3.0中的 watch 有那些变化。一 watch 和 watchEffect之前我们讲解到，vue3.0取消了渲染watch概念，取而代之的effect副作用钩子，来完成当依赖项更改而促使视图。 /* 创建一个渲染 effect */instance.update = effect(fun

vue3.0 源码解析二 ：数据绑定原理（下)回顾上文上节我们讲了数据绑定proxy原理，vue3.0用到的基本的拦截器，以及reactive入口等等。调用reactive建立响应式，首先通过判断数据类型来确定使用的hander，然后创建proxy代理对象observed。这里的疑惑点就是hander对象具体做了什么？本文我们将已baseHandlers为着手点，继续分析响应式原理。连载文章是大致是这样的，可能会根据变化随时更改：1 数据绑定原理（上)2 数据绑定原理（下)3 computed和

前言介绍从本文开始，我们正式进入vue3.0 源码解析流程。个人觉得从ceateApp入手并不是最佳的学习方案，所以我们先从composition-api响应式原理入手，共同学习vue3.0带来的哪些翻天覆地的变化。连载文章是大致是这样的，可能会根据变化随时更改：1 数据绑定原理（上)2 数据绑定原理（下)3 computed和watch原理4 事件系统5 ceateApp6 初始化mounted和patch流程。7 diff算法与2.0区别8 编译compiler系列…一 基于

前言：随之vue3.0beta版本的发布，vue3.0正式版本相信不久就会与我们相遇。尤玉溪在直播中也说了vue3.0的新特性typescript强烈支持，proxy响应式原理，重新虚拟dom，优化diff算法性能提升等等。小编在这里仔细研究了vue3.0beta版本diff算法的源码，并希望把其中的细节和奥妙和大家一起分享。首先我们来思考一些大中厂面试中，很容易问到的问题：1 什么时候用到diff算法，diff算法作用域在哪里？2 diff算法是怎么运作的，到底有什么作用？3 在v-for 循.