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

242 阅读1分钟

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中的代码看起来非常简洁,也会让我们更方便的管理组件。