vue中的内置组件---transition

transition

是什么

• 是vue提供的一个内置封装的组件，用于单元素/组件的过渡（就是添加一些过渡或动画的样式之类的），在下列情况下，可以给任何元素和组件添加进入/离开的过渡效果（transition组件可以包含这些元素）
  
  原理
• transition组件包含的元素如果发生插入/删除时，在vue中的执行步骤如下：
  1.自动判断目标元素中是否应用了css过渡或动画，如果有，就在恰当的时机，添加或删除相应的css类名（自动执行）
  2.如果提供了js钩子函数，那就在恰当的时间调用他们
  3.如果没有找到js钩子函数，也没有检测到css过渡或动画，那就执行dom操作（插入/删除）

用法和用途

• transition 只会把过渡效果应用到包裹的内容上，不会额外渲染 DOM 元素，也不会出现在可被检查的组件层级中（只有被包含的元素才有相应的效果，并且在检查样式或层级上看不到相应的内容）。
• 属性如下：
  
• 事件如下：