当前位置: 首页 > news >正文

如何封装使用api形式调用的vue组件

在实际开发中一般有两种封装vue组件的方法:一种就是常用的的通过props父组件传值给子组件的方法:

  子组件

  

     父组件:

 

还有一种就是通过调用api的形式,下面例子是本人在实际项目中封装的一个自定义图标的弹窗组件

首先实现组件的UI页面(css部分截图不完整)

在vue文件的同目录下新建alertTips.js文件

页面中调用方法:

 

转载于:https://www.cnblogs.com/myspecialzone/p/10429188.html

相关文章:

  • 小白修神传~程序员成神之路
  • 26、springboot与消息
  • Javascript基础之Array数组API
  • redhat6.4提权Ⅱ
  • 运算符和自增自减
  • ☆1033
  • 用Node EJS写一个爬虫脚本每天定时给心爱的她发一封暖心邮件
  • linux下实用的快速随机生成复杂密码
  • 互联网世界,联通你我,这40张图送给你!让你笑到肚子疼!
  • WinDbg 命令三部曲:(二)WinDbg SOS 扩展命令手
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 手写双向链表LinkedList的几个常用功能
  • Python中eval与exec的使用及区别
  • CSS选择器介绍和优先级
  • PPT设计网站 驼峰设计
  • $translatePartialLoader加载失败及解决方式
  • [译]Python中的类属性与实例属性的区别
  • 【刷算法】求1+2+3+...+n
  • Angular Elements 及其运作原理
  • Django 博客开发教程 16 - 统计文章阅读量
  • js对象的深浅拷贝
  • leetcode46 Permutation 排列组合
  • Python爬虫--- 1.3 BS4库的解析器
  • Rancher如何对接Ceph-RBD块存储
  • scala基础语法(二)
  • 回顾 Swift 多平台移植进度 #2
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 前端临床手札——文件上传
  • 前言-如何学习区块链
  • 软件开发学习的5大技巧,你知道吗?
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • 曜石科技宣布获得千万级天使轮投资,全方面布局电竞产业链 ...
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • (4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...
  • (安卓)跳转应用市场APP详情页的方式
  • (分类)KNN算法- 参数调优
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (附源码)springboot掌上博客系统 毕业设计063131
  • (更新)A股上市公司华证ESG评级得分稳健性校验ESG得分年均值中位数(2009-2023年.12)
  • (力扣)循环队列的实现与详解(C语言)
  • (转)shell调试方法
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .net core使用ef 6
  • .NET Framework 和 .NET Core 在默认情况下垃圾回收(GC)机制的不同(局部变量部分)
  • .Net Remoting常用部署结构
  • .NET/C# 如何获取当前进程的 CPU 和内存占用?如何获取全局 CPU 和内存占用?
  • .NET简谈设计模式之(单件模式)
  • .net连接MySQL的方法
  • @31省区市高考时间表来了,祝考试成功
  • @RequestMapping处理请求异常
  • []常用AT命令解释()
  • []利用定点式具实现:文件读取,完成不同进制之间的
  • [2019/05/17]解决springboot测试List接口时JSON传参异常
  • [30期] 我的学习方法
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯