[Vue.js]学习笔记-Vue.js过渡&动画-同时使用过渡和动画

范范

[Vue.js]学习笔记-Vue.js过渡&动画-同时使用过渡和动画

导读部分

---

讨论区：http://www.sufeinet.com/forum-58-1.html

教程目录：http://www.sufeinet.com/thread-24026-1-1.html

教程部分

---

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。

另： Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。

Vue 为了知道过渡的完成，必须设置相应的事件监听器。

       它可以是 transitionend 或 animationend ，这取决于给元素应用的 CSS 规则。如果你使用其中任何一种，Vue 能自动识别类型并设置监听。

但是，在一些场景中，你需要给同一个元素同时设置两种过渡动效，比如 animation 很快的被触发并完成了，而 transition 效果还没结束。

在这种情况中，你就需要使用 type 特性并设置 animation 或 transition 来明确声明你需要 Vue 监听的类型。

站长苏飞

我只是路过打酱油的。

惜

我只是路过打酱油的。

Amy

强烈支持楼主ing……

竹林风

强烈支持楼主ing……

liu

强烈支持楼主ing……