VUE  几个常用的全局API

 

1. extend

      vue.extend(options)  :  {object} options  # 创建组件的构造函数为了复用

      通过vue.extend 源码分析下来，  extend 是扩展继承了父类的属性，方法 (深度复制)。 

      扩展父类规则：

      *  子组件和父组件的生命周期事件会合并在一个数组里。父组件在前子组件在后。

      *  子组件和父组件的watchers会合并在一个数组里。父组件在前，子组件在后。

      *  mergeAssets(filters, components, directives)  // 合并覆盖顺序

      *  首先会在子组件里查找，如果没有，会沿着原型链向上，找父组件中对应的属性。

      *  data 合并规则： 无重复的属性保留；同名的覆盖(同名子组件覆盖父组件);

     

     实例：

      

    import LoadingComponent from 'xxxx/xxx/loading.vue'

    const  LoadingPlugin = Vue.extend(LoadingComponent)

    let $vm = new LoadingPlugin({

                el: document.createElement('div')  

              })

     document.body.appendChild($vm.$el)


     // 访问/设置 父组件中的属性，方法
     $vm.[继承扩展组件内this.属性名] = xxxx
     

 

  

 

   未完待续...