摘要: 在Vue中同时使用过渡和动画 1.在需要设置过渡动画的元素外包裹<transition>标签,然后再设置对应的样式即可(v-enter,v-enter-active,v-leave-to,v-leave-active) 2.如果不想用默认的类,可以自定义类如,enter-active-class=" 阅读全文
posted @ 2019-12-20 18:54 嘘,在学习呢 阅读(278) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>在Vue中使用animate.css</title> <script src="./vue.js"></script> <link rel="stylesheet" type="t 阅读全文
posted @ 2019-12-20 10:58 嘘,在学习呢 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 在需要设置动画的标签部分用transition包裹起来。可添加name属性。Vue自动给标签在某个时间点上添加类名。 没有name值,css默认前缀名为"v" 隐藏到展示 开始有fade-enter,fade-enter-active,(第0帧未动)——第1帧fade-enter 去除,新增v-en 阅读全文
posted @ 2019-12-20 10:43 嘘,在学习呢 阅读(725) 评论(0) 推荐(0) 编辑
摘要: 动态组件 Vue内置<component :is="name"></component>根据is属性绑定Vue实例中data里面对应的数据名,动态切换组件,然后自动加载不同组件。 <body> <div id="root"> <!-- <child-one v-if="type 'child-one 阅读全文
posted @ 2019-12-20 09:57 嘘,在学习呢 阅读(154) 评论(0) 推荐(0) 编辑