Elecat

相较于2.x版本，生命周期部分的改动并不大。 从官方文档我们可以知道，使用setup()的方式注册生命周期事件，需要从外部导入对应的注册函数，名称则是在老版本的名称前加上on前缀，同时需要注意驼峰格式。 另外，由于setup()执行的时机与原先beforeCreate、crea…

英文全称Virtual Document Object Model，直译：虚拟的文档对象模型。 简而言之，就是使用js 对象去描述一个dom节点，有很多相关的文章描述，这里不再赘述。 我们可以像这样理解一个Virtual Dom。 操作虚拟dom比操作真实dom元素性能好。 将…

type：必须，创建的VNode类型（HTML标签，组件，异步组件）。使用null创建注释节点。 props：可选，一个对象，可为VNode配置attribute、prop 和事件等。 Children：可选，子VNode或HTML标签内容。同样由h()创建。 实际上，在h()…

调用时机：组件被创建之前，所以没有this，无法访问data,methods,computed。 参数(props,context)：creataApp的参数props和 2.x 版本中实例this上的 3 个属性attrs,slots,emit。 返回值是一个对象：该对象可以…

baseCreateRenderer方法非常的长，有 1800+行，进行了大量的函数声明，这里对函数体进行了省略。 函数命名非常语义化，可以清晰得知baseCreateRenderer主要是声明了一些模板编译和patch算法相关的函数。 这里createApp方法是调用crea…

如果你非常注重性能，那么下面的代码可能对你很重要。 HiddenClass 存储了一个对象的元数据，包括对象和对象引用原型的数量。HiddenClasses 在典型的面向对象的编程语言的概念中和“类”类似。然而，在像 JavaScript 这样的基于原型的编程语言中，一般不可能…

在我司的项目中，权限管理方面涉及到了Vue自定义指令功能，也使用了一些以自定义指令形式调用的插件。Vue3.0发布后，不再直接暴露一个Vue类而且directive()方法注册自定义指令的hooks也有所改变，意味着2.x版本的Vue.use()方法不再可行，同时在注册组件时各…