Vue.use()使用 与 插件作用

Vue.use()

• Vue.use 到底有什么用？

用于安装Vue插件，其实就是调用插件里的install方法，接下来你肯定会问：“ 那插件到底有什么用？ ” （看下面插件）

• 为何 Vue.use() 必须在调用 new Vue() 之前调用?

主要都是因为安装组件时，组件给Vue添加全局功能，所以必须写在new Vue() 之前，否则创建的Vue实例无法获取插件添加的Vue全局功能

Vue 插件

• 如何定义？

1、插件是对象，必须包含install函数
2、插件是函数，它会被作为install方法

install函数接受2个参数：第一个Vue构造函数，第二个是选项对象

• 有什么作用？

给Vue添加全局功能（相当于为某个功能做准备），一般有以下几种用法

1.  添加全局方法 或者 属性。（不能与Vue原本全局方法和属性重名）
Vue.myGlobalMethod = function () { // 逻辑... }
Vue.age = 18;
    
2.  添加全局资源：指令/过滤器/过渡等。
Vue.directive('my-directive', { 
    bind (el, binding, vnode, oldVnode) { // 逻辑... }
});
    
3.  通过全局混入来添加一些组件选项。
Vue.mixin({ created: function () { // 逻辑... } })
    
4.  添加 Vue 实例方法，通过把它们添加到 `Vue.prototype` 上实现。
Vue.prototype.$myMethod = function (methodOptions) { 
    // 逻辑... 
}
    
5.  一个库，提供自己的 API，同时提供上面提到的一个或多个功能。