位置: 编程技术 - 正文

第一个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与模块化(用一个简单的方法作文)

  • 印花税滞纳金如何计算日期
  • 牛奶的增值税税率
  • 原材料的采购成本包括运费吗
  • 实收款比应收账款少3万怎么处理
  • 由旅行社开具的电子普票代订机票能抵扣税吗?
  • 结转代扣社会保险费分录
  • 印花税应计入什么账户
  • 收益性支出包括哪些内容
  • 未收回的货款是企业资产吗
  • 管理会计期末存货计算公式
  • 同一投资主体内部所属企业之间土地,房屋权属的划转
  • 应收账款折扣怎么计算
  • 按月付息到期还本的贷款可以提前还款吗
  • 通讯费发票抬头为个人能否报销
  • 津贴证明是让单位开吗
  • 制造费用明细科目大全
  • 企业发放贷款怎么做分录
  • mac锁屏屏保
  • 车间机物料消耗属于间接生产费用吗
  • php网页爬虫
  • mac上安装
  • win11怎么清理内存
  • 收回已确认的坏账准备
  • 怎么查发票的真假鉴定
  • 为什么不能零申报
  • 生产型企业出口不是自己生产的东西
  • 个人所得税的征收模式为()A分类征收B综合征收C
  • 公司投资款无法收回
  • 产品成本核算方法
  • 时间序列多步预测方法
  • 进项税不得抵扣的意思
  • 为什么要划分等价类
  • 预算会计组成体系不包括
  • vue-router导航守卫
  • web前端视频教程全套
  • 未达起征点免税额是什么意思
  • 企业公章的使用和管理规定
  • 冲销去年暂估成本对企业所得税的影响
  • 交通运输增值税专票
  • 对企业来说什么是工匠精神
  • 买手机手续费怎么算的
  • 集团与子公司资产的区别
  • 海关缴款通知书怎么查看
  • 出口退免税的条件
  • 坏账准备计提方法一经确定不得随意变更这种做法体现了
  • 可供出售金融资产名词解释
  • 暂估成本结转后需要冲回吗
  • 当月费用次月报销
  • 期初固定资产算收入吗
  • 网吧的收入怎么做账
  • 营改增后的增值税税目税率表
  • 固定资产一旦处于什么状态
  • 会计凭证装订的心得体会
  • 金融企业借款费用扣除比例
  • 房地产企业会计科目
  • java连接sqlserver数据库对象名无效
  • sql-3
  • 苹果mac os x 怎么样使用光盘
  • win10应用商店是灰的
  • centos 安装方法
  • schedulerv2.exe - schedulerv2是什么进程 有什么用
  • linux mkdir函数创建多级目录
  • 安装win7/Win10双系统,磁盘如何分区?
  • win8自启动在哪儿设置
  • 正在进行设备安装 win10安装打印机
  • windows7无法继续安装
  • jquery ztree实现右键收藏功能
  • nodejs可以直接操作数据库
  • opengl绘图
  • 获取jquery对象
  • jQuery中ajax错误调试分析
  • js中new操作符工作原理
  • shell脚本启动应用程序
  • javascript如何学
  • jqueryw3c
  • android混淆后怎么破解
  • python中文分词库
  • 企业年金可以补办吗
  • 空置房物业收费标准
  • 求资金占用利息的公式
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设