过渡 & 动画: 过渡与 Style 绑定

F12

Vue 提供了一些抽象概念,可以帮助处理过渡和动画,特别是在响应某些变化时。这些抽象的概念包括:

在 CSS 和 JS 中,使用内置的 transition 组件来钩住组件中进入和离开 DOM。
过渡模式,以便你在过渡期间编排顺序。
在处理多个元素位置更新时,使用 transition-group 组件,通过 FLIP 技术来提高性能。
使用 watchers 来处理应用中不同状态的过渡。

test: {{msg}}
1. 过渡与 Style 绑定

Move your mouse across the screen...

x: {{x}}


2. 按钮, 开始部分动画更重要