位置: 编程技术 - 正文

第一个Vue插件从封装到发布(vue插件使用)

编辑:rootadmin

推荐整理分享第一个Vue插件从封装到发布(vue插件使用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue使用第三方插件,vue3插件开发,vue插件原理,vue3插件开发,vue.js插件,vue引入第三方插件,vue引入第三方插件,vue插件原理,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

这是我封装的第一个Vue插件,实现的功能是滑动选择省市区,虽然只是一个简单的插件,但还是挺开心的,记录一下步骤。

  插件地址: 欢迎指正

准备

  Vue官网插件部分的介绍虽然很简单,但是还是好好刷一遍的。由于此插件较为简单,主要用到以下两个点:

  1 . Vue的插件需要有一个公开方法install

  2 . 通过全局方法 Vue.use() 使用插件,在下文有栗子

创建工程

  初始化工程

  创建开发组件目录如下

第一个Vue插件从封装到发布(vue插件使用)

开发插件

  插件入口index.js需要引入插件组件,写install方法

  vue-area-select.vue是插件的具体实现部分,就不过多介绍,详见源码。

  调试时的引用方式是引入index.js文件

  调试完成后,需要build,然后再npm发布。build的时候需要先修改webpack.config.js中的配置,然后 npm run build 打包文件

  此时,插件开发部分已经完成。之后就需要npm发布。

NPM发布

  先配置package.json,需要加入以下几项

  然后npm login 登录账号 npm publish发布插件

  插件的方式使用

效果如下:

标签: vue插件使用

本文链接地址:https://www.jiuchutong.com/biancheng/377415.html 转载请保留说明!

上一篇:Angular实现双向折叠列表组件的示例代码(angular2双向数据绑定原理)

下一篇:通过一个简单的例子学会vuex与模块化(用一个简单的方法作文)

  • 我公司租了个人的房子如何入账
  • 劳务派遣人员保险由谁缴纳
  • 财务报表申报有税额吗
  • 利润表没有资产减值损失这一栏,需要增加吗
  • 计提印花税走什么科目
  • 自然人城建税减半征收
  • 罚款收入需要开票吗
  • 无形资产摊销怎么计算
  • 组织投标工作
  • 收到费用发票入账后发现错误
  • 销货清单和发票金额不一致
  • 什么企业没有销售费用
  • 小规模纳税人的题目
  • 住宅租给公司办什么手续
  • 国家税务局通用定额发票查询
  • 金税控系统发票打印设置
  • 小额贷款公司可以跨区域经营吗
  • 通讯费发票抬头为个人能否报销
  • 什么是小型微利企业标准2023
  • 卖出别人赠送的东西会计分录?
  • 公司零税收申报
  • dir852迅雷路由器
  • 会计折算是什么意思
  • 企业之间的违约金进什么科目
  • 收购公司款项的支付是利好还是利差
  • PHP:xml_get_current_column_number()的用法_XML解析器函数
  • php 数字相加
  • 怎么区分债券折价还是溢价
  • 不动产税费
  • 未分配利润转增股本交印花税
  • 浅谈php技术
  • 商业企业会计科目表
  • 摊销专利权会计分录怎么写
  • 如何确定赞助对象
  • macos安装多版macos并存
  • ctf web题型
  • yolov2模型
  • 公司买东西了怎么做账
  • 4s店收到红字发票怎么办
  • 印花税减免退回会计分录
  • c语言中函数的数据类型是指
  • redis的
  • 税控盘技术服务费抵扣期限
  • 什么是税金?
  • 消防收费标准
  • 成本核算需要哪些单据
  • 季度所得税资产总额填错了,会不会有影响
  • 进项加计抵减对账怎么做
  • 公司裁员怎么补偿
  • 微信红包是否缴纳个税
  • 小规模增值税纳税人税率
  • 建筑公司异地施工
  • 认缴资金可以增加吗
  • 开具的发票是否为印花税的应税凭证?
  • 党委费用支出需要什么票据
  • 企业一般账户开户申请理由
  • 技术服务发票怎么做成本
  • 累计折旧怎么算出来
  • mysql触发器使用
  • windows7光盘安装
  • 苹果mac系统复制粘贴不了
  • linux怎么看历史记录
  • centos查看某个端口
  • 苹果mac电脑不会关机
  • SIMETER.EXE - SIMETER是什么进程 有什么用
  • win7系统鼠标右键没有压缩文件功能
  • win10预览体验计划不显示
  • opengl csdn
  • Qt Quick + OpenGL + Bullet初次测试
  • js两个函数互相调用
  • unity learn
  • unity怎么导入材质包
  • js实例教程
  • jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
  • jquery实战
  • unity3d应用
  • jquerycdn
  • 新一轮税制改革的意义
  • 香水类香精应该具备什么条件
  • 租房税费怎么算的
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设