Vue源码中的选项合并，针对 内部组件实例化 和 根组件实例化 的不同处理方式的不理解?

  • Z时代
  • 2024-02-07
  • 分类：IT

// Vue 2.0.0 src/core/instance/init.js
export function initMixin(Vue: Class<Component>) {
    Vue.prototype._init = function (options?: Object) {
        if (options && options._isComponent) {
            // optimize internal component instantiation
            // since dynamic options merging is pretty slow, and none of the
            // internal component options needs special treatment.
            initInternalComponent(vm, options)
        }
        else {
            vm.$options = mergeOptions(
                resolveConstructorOptions(vm),
                options || {},
                vm
            )
        }

注释中说，动态选项合并很慢，而且内部组件的选项不需要特殊对待，所以使用了initInternalComponent简单处理下，有2个问题

（1）内部组件的选项不需要特殊对待，为何?

（2）动态选项合并很慢，应该是指mergeOptions的操作很耗时，看了下里边的逻辑，并没有觉得哪里很耗时?

回答：

  1. 因为已经确定了 options（代码是作者自己写的，自己当然清楚），不需要再合并计算。mergeOptions 是为了 mixin、extend 这类不确定的、灵活性较高的场景，内部组件里没这需要，所以跳过就好了。
  2. 主要是有递归，递归在几乎所有编程语言中从来都是开销比较大的一种调用方式，能省则省。

以上是 Vue源码中的选项合并，针对 内部组件实例化 和 根组件实例化 的不同处理方式的不理解? 的全部内容， 来源链接： utcz.com/p/934351.html

回到顶部