1.定义:插件通常用来为 Vue 添加全局功能,一般是添加全局方法/全局指令/过滤器等。
例如:
-
添加全局方法或者 property。如:vue-custom-element
-
添加全局资源:指令/过滤器/过渡等。如 vue-touch
-
通过全局混入来添加一些组件选项。如 vue-router
-
添加 Vue 实例方法,通过把它们添加到
Vue.prototype上实现。 -
一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router
2.语法:
MyPlugin.install(Vue); // MyPlugin自定义的全局功能插件;
Vue.use(MyPlugin); //或者 Vue.use(MyPlugin, { someOption: true });
3.开发插件:
Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象: