vue 插件的方法代码详解
在开发项目的时候，我们一般都用vue-cli来避免繁琐的webpack配置和template配置。但是官方cli3现在并不支持搭建plugin开发的项目。
还好，已经有大神（Kazupon）走在了我们前面，我们就用现成的 vue-cli-plugin-p11n。
如果你没有安装vue-cli，请先安装
npmi-g@vue/cli
首先，搭建项目
vuecreate[yourpluginname]&&cd[yourpluginname] vueaddp11n
这样我们就有了一个初始化的插件开发环境。
install方法
开发vue插件其实就是写一个install方法，然后把这个方法暴露出来给你的用户，他们就可以用 Vue.use(plugin)载入插件了。
借用vue官方API上的解释：如果插件是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。install方法调用时，会将Vue作为参数传入。该方法需要在调用 newVue()之前被调用。当install方法被同一个插件多次调用，插件将只会被安装一次。
exportconstinstall=function(Vue,options){
//Vue就是vue实例
//options就是Vue.use(plugin，options)传入的第二个参数options
//1.添加全局方法或属性
Vue.myGlobalMethod=function(){
//逻辑...
}
//2.添加全局资源
Vue.directive('my-directive',{
bind(el,binding,vnode,oldVnode){
//逻辑...
}
...
})
//3.注入组件选项
Vue.mixin({
created:function(){
//逻辑...
}
...
})
//4.添加实例方法
Vue.prototype.$myMethod=function(methodOptions){
//逻辑...
}
}
发布插件
p11n已经帮助我们部署好了大部分package.json配置，只需要自己填写好name，author，license，repository，description，keywords这几个选项就可以了。
#loginnpm npmlogin #patchversion npmversionpatch #publish npmpublish--accesspublic
我自己写了一个非常简单的插件 vue-chart，可以作为参考。
总结
以上所述是小编给大家介绍的vue插件的方法代码详解,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。