vue.extend与vue.util.extend

vue.util.extend在源码中

function extend (to, _from){
    for(var key in _from){
        to[key]=_from[key]
    }
    return to;
}

由此可以看出这只是一个浅层拷贝,合并对象,相当于jquery.extend

vue.extend在源码中

Vue.extend = function (extendOptions) {
    extendOptions = extendOptions || {};
    var Super = this;
    
    /* ... */
    
    var Sub = function VueComponent (options) {
      this._init(options);
    };
    
    /* ... */
    
    return Sub
  };

可以拿到组件的构造函数
var constructor=vue.extend(test)
const vm=new constructor().$mount();
vm就是组件test的实例化对象
这在做单元测试的时候非常有用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容