VUE之全局API（扩展实例构造器extend）

全局API

• （1）什么是全局API？
• 全局API并不在构造器里，而是先声明全局变量或者直接在Vue上定义一些新功能，Vue内置了一些全局API，比如本节要介绍的指令Vue.directive
• 通俗理解：就是在构造器外部用Vue提供的API函数来定义新的功能。
• 2）常用vue 的全局 API列表
• 1、Vue.directive 自定义指令
• 2、Vue.extend 扩展实例构造器
• 3、全局操作Vue.set + Vue.delete
• 4、Vue 的生命周期
• 5、Vue component 组件 + Vue template模板
• 6、Vue.nextTick线程操作、Vue.filter筛选、Vue.use调用
• 小结：全局API就是在构造器外部用Vue提供的API函数来定义新的功能。

extend 扩展实例构造器

• （3）什么是Vue.extend？
• Vue.extend指的是Vue扩展实例构造器也叫构造器的延伸，在vue构造器的外部扩展构造器，经常和组件搭配使用。
• 按照用法分为两种，
• （1）创建Vue扩展实例构造器，然后直接挂载扩展实例构造器
• （2）配合组件，构造一个组件的语法器，然后传入组件选项直接使用
• （3）分类1：直接挂载扩展实例构造器
• 案例：一个歌曲列表，在很多页面都会用到，可以用扩展实例构造器进行封装，如下所示
• 步骤1：创建实例构造器
  
• （3）分类1：直接挂载扩展实例构造器
• 步骤2：挂载扩展实例构造器(2种挂载方式)
  
• 步骤3：调用扩展实例构造器构造器(2种调用方式)
  
  
• （4）分类1：直接挂载扩展实例构造器–本质分析：
• Vue.extend 返回的是一个Vue实例构造器

• 上面这个 预设选项 可以是Vue所有实例选项 比如 data () {} ,methods: {}, created: {}等等…
• 然后进行挂载，挂载完毕后，就可以看做一个组件了
• （5）分类2：配合组件，构造组件的语法器
• Vue.extend常用于和组件配合，充当组件语法器角色。这个语法器可以作用到组件里(分类2)， 也可以在任意vue模板里使用(分类1)。
  

小结：

• （1）Vue.component 是用来全局注册组件的方法，其作用是将通Vue.extend
  生成的扩展实例构造器注册为一个组件。会自动调用类似于 new myVue 这样的构造函数来生成组件实例，并挂载到自定义元素上
• （2）Vue.extend返回的是一个Vue实例构造器，这里只是构造完成，但是还没有实例化所以还不是一个组件，直到挂载完毕才可以看成一个组件
• （3）extend用于创建一个子类Vue,用$mount来挂载
• （4）基础 Vue 构造器，创建一个子类。参数是一个包含组件选项的对象。
• （5）注意：data 选项是特例，在 Vue.extend() 中它必须是函数