特点:本文主要是参考了官方文档.除了不常用的过渡动效和数据获取,都进行了分析说明.说明:每一节都在文档的基础上进行了更通俗的解释;例子:每一节都添加了单独的例子进行详细的说明,官方没有或复杂或略过的都有详细的说明.总结:每一节都会有tips注意点,实际开发的经验和总结. 如果是…

前言 我们都知道，Vue2.0对于响应式数据的实现有一些不足： 无法检测数组/对象的新增 无法检测通过索引改变数组的操作。 分析 无法检测数组/对象的新增？ 无法检测通过索引改变数组的操作。即vm.i

在created中发起请求获取数据，依次在子组件的created或者mounted中会接收到这个数据。 beforeUpdate和updated触发时，el中的数据都已经渲染完成，但只有updated钩子被调用时候，组件dom才被更新。 在mounted钩子对挂载的dom进行操…

本文旨在通俗易懂的回答：相较于2x，Vue3.0都做了哪些改进与优化。 分为三个层面：性能、源码和新特性。

昨天Vue3.0正式发布了，激动的心，颤抖的手，摸了摸我的头发，嗯~还好。 vue2.x的diff算法叫做全量比较，顾名思义，就是当数据改变的时候，会从头到尾的进行vDom对比，即使有些内容是永恒固定不变的。

1. 正确理解： MVVM -Model View ViewModel，最核心的就是 ViewModel 。ViewModel 包含 DOM Listeners 和 Data Bindings。 Data Bindings 用于将数据绑定到 View 上显示，DOM Liste…

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 keep-alive 的场景和错误处理的场景。 进入了 _init 函数…

在做项目的时候，我们经常会用到nextTick，简单的理解就是它就是一个setTimeout函数，将函数放到异步后去处理；将它替换成setTimeout好像也能跑起来，但它仅仅这么简单吗？那为什么我们不直接用setTimeout呢？让我们深入剖析一下。 记得之前有一个需求，就是…

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…