本文探讨了在Vue框架中如何利用watch选项实现状态动画和侦听器，以创建动态状态过渡效果。通过将过渡动画放入组件，实现了复杂动画逻辑的复用和界面的清晰组织。组件化使得任何整数都能执行动画，支持更复杂的动态过渡策略，赋予设计以生命力。
1、状态动画与侦听器
其实就是在Vue中使用 watch选项侦听数据的变化，当数据发生变化的时候，使用一些JS动画库将这个 HTML渲染数据变化的过程会包含进入、离开过渡，这个时候，数据变化的过渡动画，交给JS动画库中的功能。
2、动态状态过渡
3、把过渡放到组件
很多的动画可以提取到专用的子组件。
// 这种复杂的补间动画逻辑可以被复用 // 任何整数都可以执行动画 // 组件化使我们的界面十分清晰 // 可以支持更多更复杂的动态过渡 // 策略。
就是将每一个元素设置为组件，在组件中定义它的模板、数据、动画函数定义，然后再直接调用这些组件来完成我们想要的目的。
这里将复杂的定义都放在了组件里面，在我们的Vue主实例中就只需要简单的定义一些信息就好，了。
扫一扫
166
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
