过渡 & 动画:

F12

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

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

test: {{msg}}
1. shake 动画
Push this button to do something you shouldn't be doing:
Oh no!