一、调用插件
通过全局方法Vue.use()使用插件,必须在new Vue()启动之前使用这个方法。
main.js
import cyui from 'cyui';
Vue.use(cyui);
new Vue({
});
还可以传入可选的配置对象:
Vue.use(cyui,{
someOptions:true });
那么,平时,我们这样调用的插件究竟是怎么写出来的呢?
二、开发插件
使用Vue.component()方法注册全局组件。
第一个参数是自定义元素名称,也就是将来在别的组件中使用这个组件的标签名称。
第二个参数是将要注册的Vue组件
官方说Vue.js的插件必须有install方法**,Vue.use函数内部会调用install方法**。
如果插件没有被注册过,那么注册成功之后会给插件添加一个installed的属性值为true。Vue.use方法内部会检测插件的installed属性,从而避免重复注册插件。
在install方法内部可以添加全局方法或者属性、全局指令、mixin混入、添加实例方法、使用Vue.component()注册组件等
const components = [CouponList, Coupon, UseCoupon,psbcWithdrawCoupon, UseRepayCoupon];
// 定义 install 方法,接收 Vue 作为参数。如果使用 use 注册插件,则所有的组件都将被注册
const install = function(Vue