[JavaScript知识库]Vue.use()的快速上手使用及应用场景

Vue.use()的快速上手使用及应用场景

Vue.use() 是Vue提供的一个静态方法，是用来向Vue注册插件的（这样可以增强Vue的功能）；
使用格式：

Vue.use(obj);

说明：

1. Vue.use静态方法接受一个 对象obj；
2. 对象obj当中需要提供一个 install 方法；
3. 在使用Vue.use（obj）的时候，会自动调用对象内的 install 方法，同时这个 install 方法的第一个形参会接收到 Vue构造函数 ；

注意：
Vue.use() 这个静态方法要在调用 new Vue() 启动项目之前使用。

示例：

const MyPlugin = {
	//	install 方法的第一个形参接收的就是Vue构造函数
	install(Vue) {
    console.log('install.....', Vue)
  }
}
Vue.use(MyPlugin)	//	控制台会输出一个Vue构造函数

实际应用场景：
当一个项目当中需要导入大量的组件的时候，如果把这些导入的代码写在main.js文件当中的话，main.js会显得相当臃肿且不便于组件的管理；
这个时候我们就可以单独创建一个js文件，来导入并注册这些项目当中需要用到的组件，然后只需要将这一个js文件导出，并在main.js文件当中注册即可使用，这样既会让main.js中的代码看起来非常简洁，也会让我们更方便的管理组件。