首页 > Windows开发 > 详细

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

时间:2019-02-25 10:11:45      阅读:688      评论:0      收藏:0      [点我收藏+]

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

  子组件

  技术分享图片

     父组件:

 技术分享图片

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

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

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

技术分享图片

页面中调用方法:

技术分享图片

 

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

原文:https://www.cnblogs.com/myspecialzone/p/10429188.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!