text: (window.webpackJsonp=window.webpackJsonp||[]).push([[74],{237:function(t,a,e){"use strict";e.r(a);var r=e(0),v=Object(r.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"content"},[e("h1",{attrs:{id:"vue动画"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue动画","aria-hidden":"true"}},[t._v("#")]),t._v(" Vue动画")]),t._v(" "),e("h4",{attrs:{id:"_1、transition"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_1、transition","aria-hidden":"true"}},[t._v("#")]),t._v(" 1、transition")]),t._v(" "),e("ol",[e("li",[t._v('name=""  -> 手写')]),t._v(" "),e("li",[t._v("animate.css")]),t._v(" "),e("li",[t._v("velocity.js")])]),t._v(" "),e("h4",{attrs:{id:"_2、进入动画-从0-1"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2、进入动画-从0-1","aria-hidden":"true"}},[t._v("#")]),t._v(" 2、进入动画  从0-1")]),t._v(" "),e("ol",[e("li",[t._v("v-enter  // 进入前")]),t._v(" "),e("li",[t._v("v-enter-active  // 定义进入过渡生效时的状态")]),t._v(" "),e("li",[t._v("v-enter-to  // 定义进入过渡结束时的状态")])]),t._v(" "),e("h4",{attrs:{id:"_3、离开动画-从1-0"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3、离开动画-从1-0","aria-hidden":"true"}},[t._v("#")]),t._v(" 3、离开动画   从1-0")]),t._v(" "),e("ol",[e("li",[t._v("v-leave // 离开前")]),t._v(" "),e("li",[t._v("v-leave-active // 离开中")]),t._v(" "),e("li",[t._v("v-leave-to // 离开后")])]),t._v(" "),e("h4",{attrs:{id:"_4、过渡持续时间"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_4、过渡持续时间","aria-hidden":"true"}},[t._v("#")]),t._v(" 4、过渡持续时间")]),t._v(" "),e("ul",[e("li",[t._v(":duration='1000'")]),t._v(" "),e("li",[t._v(":duration='{enter:'1000',leave:'1000'}'")])]),t._v(" "),e("h4",{attrs:{id:"_5、javascript钩子"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_5、javascript钩子","aria-hidden":"true"}},[t._v("#")]),t._v(" 5、JavaScript钩子")]),t._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[t._v("v-on:before-enter  \nv-on:enter  \nv-on:after-enter  \nv-on:enter-cancelled   // 取消动画(删除)\n")])])])])}],!1,null,null,null);a.default=v.exports}}]);