Vue应用程序开发（第2版）课件 第6章Vue.js过渡和动画JavaScript过渡自定义过渡（3-4节）.pptxVIP

第6章：Vue.js过渡和动画《Vue应用程序开发》

010203005Part16.1CSS过渡Part26.2CSS动画Part36.3JavaScript过渡Part46.4自定义过渡目录CONTENTS

第6章Vue.js过渡和动画Vue.js过渡可以让我们的页面元素在出现和消失时实现多种过渡效果。具体体现在：Vue.js在插入、更新或者移除DOM时，提供多种不同方式的过渡效果。Vue.js提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的元素或组件。简而言之，你可以使用Vue.js的transaction组件，结合CSS动画(animation)、过渡(transaction)或javascript操作DOM来让你的元素或组件动起来。

6.3JavaScript过渡JavaScript过渡是指使用JavaScript钩子实现的过渡效果，这些钩子函数可以结合CSStransitions/animations使用，也可以单独使用。当只用JavaScript过渡的时候，在enter和leave中，回调函数done是必须的。否则，它们会被同步调用，过渡会立即完成。

6.3JavaScript过渡我们可以通过以下特性来自定义过渡类名：enter-classenter-active-classenter-to-class(2.1