开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 都快2023年，你还不会this.$nextTick吗，Vue2都出快10年了，Vue3也已经出了两年多了

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

以一个记账项目举例，常见的场景有首页、记到账页面、选择合同、新建合同、选择客户、新建客户这些页面。 在这些页面中，很显然，用户的浏览行为应该是逐渐深入的，通俗得讲就是浏览页面在不断前进。 一. 用户前进时，总是进入新的页面。（比如在合同列表页反复加载多次列表之后，进入其中一个合…

Virtual DOM是对DOM的抽象, 在Web中我们用JS对象来描述DOM，把DOM从浏览器抽离出来后，我们得到一个更加轻便且灵活的描述对象，不依赖于HTML解析器我们更加容易做到组件的复用和跨平台。虚拟DOM相当于一个中间层，连接我们编写的代码和真实的DOM，在真实渲染之…

目前社区有很多 Vue.js 的源码解析文章，很多大牛写的都非常详细，但说到底。光看文章自己不去研究源码和总结笔记，终究不会深入了解和记忆。 本篇文章将自己研究 Vue.js源码的一些内容做成笔记并且记录下来。加深印象和理解，俗话说读书百遍不如手写一遍。 MVC模式是指用户操作…

1. Scoped slots(作用域插槽)的新语法 2. 动态参数指令 3. 使用Vue.observable()创建一个响应对象 之前，创建一个响应对象，必须在一个Vue实例中配置。现在我们可以在Vue实例外部，通过使用Vue.observable(data)创建，如下： …

其实 eMount 最后还是去调用的 rMount，只不过在 eMount 做了一定的操作，如果你提供了 render 函数，那么它会直接去调用 rMount，如果没有，它就会去找你有没有提供 template，如果你没有提供 template，它就会用 el 去查询 dom …

name 和 age 被响应式的渲染出来，在 2s 后我们修改了 name 的值，同样能在页面正确更新。

1. $set、set、$delete、delete 2. Object.assign() 有时你可能需要为已有对象赋值多个新属性，比如使用 Object.assign() 或 _.extend()。但是，这样添加到对象上的新属性不会触发更新。在这种情况下，你应该用原对象与要混…