Vue2.0学习-3-过渡&动画--2--状态过渡

1、状态动画与侦听器

其实就是在Vue中使用 watch选项侦听数据的变化，当数据发生变化的时候，使用一些JS动画库将这个 HTML渲染数据变化的过程会包含进入、离开过渡，这个时候，数据变化的过渡动画，交给JS动画库中的功能。

2、动态状态过渡

3、把过渡放到组件

很多的动画可以提取到专用的子组件。

// 这种复杂的补间动画逻辑可以被复用 // 任何整数都可以执行动画 // 组件化使我们的界面十分清晰 // 可以支持更多更复杂的动态过渡 // 策略。

就是将每一个元素设置为组件，在组件中定义它的模板、数据、动画函数定义，然后再直接调用这些组件来完成我们想要的目的。

这里将复杂的定义都放在了组件里面，在我们的Vue主实例中就只需要简单的定义一些信息就好，了。

4、赋予设计以生命