Vue.use使用介绍

1.介绍：

官方文档的解释: 安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用。

2.使用场景：

• 添加全局方法或者属性。如: vue-custom-element
• 添加全局资源：指令/过滤器/过渡/组件等。如 vue-touch
• 通过全局混入来添加一些组件选项。如 vue-router
• 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。
• 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router

3.Vue.use的使用：

接收的是对象

Vue.use 是Vue提供一个静态方法，用来向Vue注册插件(增强vue的功能)。

注意：

Vue.use 可以接收一个对象，Vue.use(obj)
对象obj中需要提供一个 install 函数
在 Vue.use(obj) 时，会自动调用该 install 函数，并传入 Vue构造器
代码演示：

在 main.js 中

// 引入组件
import PageTools from './components/PageTools'
const MyPlugin = {
	install(Vue) {
    console.log('install.....', obj)
    // 注册全局组件
    // Vue.component('组件名', 组件对象)
    Vue.component('PageTools', PageTools)
  }
}
// 使用插件
Vue.use(MyPlugin)

这样就把 PageTools 添加到了 vue 实例里面，就可以在所有 vue 文件里面不需要导入直接使用这个组件了。

或者

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

使用了vue.use()注册插件之后就可以在所有的vue文件中使用路由：
this.$route

接收的是函数

vue.use（plugin, arguments）
install函数接受参数，默认第一个参数为Vue,其后参数为注册组件时传入的arguments。

import BuryPoint from './buryPoint';

export default (Vue, option) => {
  let sendPoint = null;
  if (!sendPoint) {
    sendPoint = new BuryPoint(option);
  }
  Vue.prototype.$sendPoint = sendPoint;
};

// 正式环境才开启埋点 & 错误上报
Vue.use(buryPoint, {
  // user_id: 'user_idxxx', // 用户id
  openid: '', // 第三方系统用户id
  project: 'app_indicator_system', // 项目唯一标识
  from_channel: 'H5',
  // apiBase: host.apiBase,
});