vue自定义插件

174 阅读1分钟

1.定义:插件通常用来为 Vue 添加全局功能,一般是添加全局方法/全局指令/过滤器等。

例如:

  1. 添加全局方法或者 property。如:vue-custom-element

  2. 添加全局资源:指令/过滤器/过渡等。如 vue-touch

  3. 通过全局混入来添加一些组件选项。如 vue-router

  4. 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。

  5. 一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router

2.语法:

MyPlugin.install(Vue); // MyPlugin自定义的全局功能插件;

 Vue.use(MyPlugin); //或者 Vue.use(MyPlugin, { someOption: true });

3.开发插件:

Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象: