资讯专栏INFORMATION COLUMN

一个神奇的vue小插件,让你更easy得弹弹弹

harryhappy / 1735人阅读

摘要:用了,这类的框架之后,发现组件化的开发在大部分时间很方便,但是有些时候却用起来很变扭。更新今天发现一个大失误,原来我一直没把包发布到。。。赶紧发布了一下,如果有任务问题,都可以在的里面提出来

用了vue,react这类的框架之后,发现组件化的开发在大部分时间很方便,但是有些时候却用起来很变扭。

比如我需要自定义一个alert组件,组件写起来很方便,但是使用的时候却是这样的:


是不是很奇怪,类似alert这种组件,讲道理我们还是更习惯直接alert("xxx")这样的使用方式,因为这类组件是上下文无关的,没必要在业务场景中先定义。

现在,使用vue的童鞋可以摆脱这个窘境了,因为一个神奇的小插件出现了vue-functional-component,用了这个插件之后,你可以很方便得调用你自定义的组件,像这样子

你可以跟平时一样定义你的组件,而你定义的组件的props就是你调用相应方法时可以传的参数,唯一的区别是你需要额外定义一个closeprops,并在你确定要关闭该组件时调用他,我们会帮你销毁这个组件。

详细的使用方法可以直接看文档,用法很简单简洁。

9-18更新

今天发现一个大失误,原来我一直没把包发布到npm。。。赶紧发布了一下,如果有任务问题,都可以在github的issue里面提出来

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90960.html

相关文章

  • 弹弹弹,弹走鱼尾纹弹出菜单(vue

    摘要:前言上一篇面试的总结,大家看的还行,因为量很大,错误在所难免,希望大家发现错误了可以告诉我一声,我的邮箱是,一个小前端的希望。 前言 上一篇面试的总结,大家看的还行,因为量很大,错误在所难免,希望大家发现错误了可以告诉我一声,我的邮箱是236490794@qq.com,一个小前端的希望。showImg(https://segmentfault.com/img/remote/146000...

    mingde 评论0 收藏0
  • 弹弹弹,弹走鱼尾纹弹出菜单(vue

    摘要:前言上一篇面试的总结,大家看的还行,因为量很大,错误在所难免,希望大家发现错误了可以告诉我一声,我的邮箱是,一个小前端的希望。 前言 上一篇面试的总结,大家看的还行,因为量很大,错误在所难免,希望大家发现错误了可以告诉我一声,我的邮箱是236490794@qq.com,一个小前端的希望。showImg(https://segmentfault.com/img/remote/146000...

    zilu 评论0 收藏0
  • HTML5,不只是看上去很美(第四弹:可交互地铁线路图)

    摘要:哥决定把小弟的成果纳入,不只是看上去很美系列,以示鼓励其实还挺有压力的,后浪推前浪,新人赶旧人。连续单击同一站点连续单击同一站点注意不是双击,可以将经过此站点的所有线路突出显示出来。 前言 最近特别忙,承蒙大伙关照,3D机房的项目一个接着一个,领了一帮小弟,搞搞传帮带,乌飞兔走,转眼已经菊黄蟹肥……有个小弟很不错,勤奋好学,很快就把API都摸透了,国庆几天自己折腾着做了个HTML5的魔...

    roland_reed 评论0 收藏0
  • iOS safari浏览器上overflow: scroll元素无法滚动bug深究

    摘要:前情提要在之前我写过一篇文章浏览器上元素无法滑动解决方法整理,这篇文章写的是,当浏览器上出现大于父容器的元素,想给父容器加上实现内部滚动效果而失败的总结。解决方法反其道而行之。当子元素加载完成时,将包裹元素撑开,父元素便可以自由滚动了。 前情提要 在之前我写过一篇文章:iOS safari浏览器上overflow: scroll元素无法滑动bug解决方法整理,这篇文章写的是,当iOS ...

    Steve_Wang_ 评论0 收藏0

发表评论

0条评论

harryhappy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<