vue: V2.5.11
此篇尽量详细,清楚的讲解vue插件的开发到npm的发布,想想将你自己做的东西展示给广大“网民”,心里还是有点小激动的...…^_^
下面我们就来说说详细做法:
1. 初始化项目
使用vue创建一个简单的项目,删除src中除了main.js和app.vue外的文件,清空app.vue中无用内容
整理完后项目目录
2.编写插件
vue-pay-pop (源码大家可到github中自行获取)
vue: V2.5.11
此篇尽量详细,清楚的讲解vue插件的开发到npm的发布,想想将你自己做的东西展示给广大“网民”,心里还是有点小激动的...…^_^
下面我们就来说说详细做法:
使用vue创建一个简单的项目,删除src中除了main.js和app.vue外的文件,清空app.vue中无用内容
整理完后项目目录
2.编写插件
vue-pay-pop (源码大家可到github中自行获取)
基本源码都在这里了,实现方法比较简单,这里就不多过介绍了...
我们先尝试在本地app.vue中使用
其中payPopOptions中isShow是必传项,用来控制弹出框的显隐
其他更多参数为可选参数
ok,现在我们去更改配置文件,为我们的发布做准备
index.js
const PayPop = {
install(Vue,options) {
Vue.component(vuePayPop.name,vuePayPop)
}
}
if (typeof window !== 'undefined' && window.Vue) {
window.PayPop = PayPop
Vue.use(PayPop)
}
export default PayPop
package.json
修改箭头中所指
2. 不设为false无法发布
3. 填写你自己的github托管地址(如何将代码上传github就不说了,大家可以参考)
webpack.config.js
修改entry和filename
index.html
原文地址:https://www.jb51.cc/vue/32575.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。