vue如何进行动画的封装

本文实例为大家分享了vue动画封装的具体代码,供大家参考,具体内容如下

专注于为中小企业提供做网站、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业阿里地区免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。




       
hello world
  
  

有时候这种渐隐渐现的效果用的比较多,要复用,需要封装一下,怎么封装呢




       
hello world
  
       

hello world

  
  

可以这样封装,将dom元素传入slot,除了这样,还可以样式一起封装进去

       
hello world
  
       

hello world

  
  

把样式一起封装进来,是比较推荐的方式。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


网站栏目:vue如何进行动画的封装
网页URL:http://pwwzsj.com/article/jsjihh.html