摘要:
在前面的博客我们一直在操作单个元素的过渡,如果是对多个元素过渡,例如列表,这时就要用到<transition-group>这个组件了; 如何使用:将要操作的列表元素放在<transition-group></transition-group>内,其他与<transition>基本一致; 注意:在<t 阅读全文
posted @ 2019-04-20 13:34
perfect*
阅读(800)
评论(0)
推荐(0)
摘要:
进入/离开过渡效果:Vue在插入、更新或移除DOM时,可以设置一些动画效果; 如何使用过渡效果:利用<transition></transition>组件将需要应用的过渡效果的DOM对象包裹住,然后书写对应的样式; 过渡的类名:过渡效果的样式是类样式,在进入/离开的过渡中有6个类样式的切换,分别是: 阅读全文
posted @ 2019-04-20 12:54
perfect*
阅读(1658)
评论(0)
推荐(0)
摘要:
自定义指令 钩子函数 自定义指令 除了内置指令,Vue也允许用户自定义指令; 注册指令:通过全局API Vue.directive可以注册自定义指令; 自定义指令的钩子函数: bind; inserted; update; componentUpdated; unbind; 自定义指令的使用:在自定 阅读全文
posted @ 2019-04-20 11:24
perfect*
阅读(302)
评论(0)
推荐(0)
摘要:
在上一篇博客中我们知道生命周期的方法: 生命周期: vm.$mount:手动挂载Vue实例; vm.$destroy:销毁Vue实例,清理数据绑定,移除事件监听; vm.$nextTick:将方法中的回调函数,延迟到DOM更新后; 需要进行手动的挂载实例: 在vue中加入: 或者: vm.$dest 阅读全文
posted @ 2019-04-20 09:39
perfect*
阅读(261)
评论(0)
推荐(0)

浙公网安备 33010602011771号