Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。本文将从CSS过渡transition、CSS动画animation及配合使用第三方CSS动画库(如animate.css)这三方面来详细介绍Vue过渡效果之CSS过渡

以一个toggle按钮控制p元素显隐为例，如果不使用过渡效果，则如下所示 Toggle 蓝色理想 [removed] new Vue({ el: '#demo', data: { show: true } }) [removed] 如果要为此加入过渡效果，则需要使用过渡组件transition  过渡组件 Vue提供了transition的封装组件，下面代码中，该过渡组件的名称为’fade’ <transit