Vue入门之animate过渡动画效果

简介:

  1. transition方法的使用
  2. transition内置方法
  3. transition-group

animate库实现过渡动画

``
`"en"``>`
``
`"UTF-8"``>`
`"viewport"` `content=``"width=device-width, initial-scale=1.0"``>`
`"X-UA-Compatible"` `content=``"ie=edge"``>`
`Document`
``
`"stylesheet"` `href=``"lib\animate.css"` `rel=``"external nofollow"` `>`
``
``
``
``
`
"box"` `v-cloak>` `type=``"text"` `v-model=``"show"``>` `` `"zoomInLeft"` `leave-active-class=``"bounceOutRight"``>` `` `` `

"show"` `class=``"animated"` `v-``for``=``"(val, index) in lists"` `:key=``"index"``>` `{{val}}` `

` `
` `` `` `` | 复制代码

总结

以上所述是小编给大家介绍的Vue入门之animate过渡动画效果,希望对大家有所帮助


你可能感兴趣的:(Vue入门之animate过渡动画效果)