vuejs教程:可用的过渡和动画功能

2018-09-2916:27:56WEB前端开发vuejs教程:可用的过渡和动画功能已关闭评论1,878 views字数 315阅读模式

讨论VueJS中可用的过渡和动画功能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5999.html

过渡

当在DOM中添加/更新HTML元素时,VueJS提供了各种方法来将转换应用到HTML元素。 VueJS有一个内置的转换组件,可将其包装转换到元素中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5999.html

语法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5999.html

<transition name = "nameoftransition">
   <div></div>
</transition>
HTML

下面通过一个例子来理解过渡的工作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5999.html

示例

创建一个文件:transition.html -文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5999.html

<html>
   <head>
      <meta charset="UTF-8">
      <title>VueJS过渡示例</title>
      <script type = "text/javascript" src = "js/vue.js"></script>
   <sp
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/5999.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/5999.html