Vue学习笔记

vue.js过渡效果

在选择使用过度效果来设置元素的出入时,要注意的问题

  • el元素绑定的标签必须包含其他的受控内容,例如:

      <div id="example-3">
      <button @click="show = !show">Toggle render</button>
      <transition name="custom-classes-transition"  enter-active-class="animated tada"  leave-active-class="animated bounceOutRight">
      <p v-if="show">hello</p>
      </transition>
      </div>
    

*需要注意的是,v-ifv-show两个标签必须在transition

VUX在组件上绑定时间要使用v-on:click.native="todo"

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue学习笔记 Vue初始化对象 data和methods里面的属性都是Vue这个实例对象的代理属性,例:vm.m...
    土豪码农阅读 1,006评论 1 1
  • 父 => 子 传值 父组件中定义属性 <com-a :aaa="parm"> ,子组件通过 props:['aaa...
    _月光临海阅读 414评论 0 0
  • 个人基于对 Vuejs 的学习制作了一个 Todo 单页应用 Lightodo,功能包括:添加待办事项卡片,对卡片...
    AlessiaLi阅读 21,616评论 16 308
  • 一、vue生命周期 vue实例从创建到销毁的过程,称为生命周期,共有八个阶段。 这八个阶段里分别有一个叫做钩子函数...
    间阳幕宾阅读 421评论 0 1
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,112评论 0 42