Vue：transition过渡

概念：

在vue中，transition作为标签使用，是双标签，包裹要过渡的元素/组件，transition只会把过渡的效果应用到其包裹的内容上，而不会额外渲染DOM元素，也不会出现在可被检查的组件层级中。

原理：

transition动画的实现是依靠css进行控制的，如果页面有多个transition的话可以通过修改name属性，分别给不同的transition添加变幻样式

transition-css属性: 

transition 属性是一个简写属性，用于设置四个过渡属性：

• transition-property
• transition-duration
• transition-timing-function
• transition-delay

注释： 始终指定transition-duration属性，否则持续时间为0，transition不会有任何效果。

默认值：	all 0 ease 0
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.transition="width 2s"

 语法：

transition: property duration timing-function delay;