摘要: 方法一:transition的封装 方法二:js封装 阅读全文
posted @ 2019-04-17 00:18 我就是要叫鱼摆摆 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 如果transition没有name=“fade”属性那么style生成的就是 有的话 关于mode配置参数,来设置多个属性切换的效果,in-out:先进入在隐藏;out-in:就是先隐藏在进入 多个组件切换的效果(/动态组件) 阅读全文
posted @ 2019-04-16 23:44 我就是要叫鱼摆摆 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 1.先引入velocity的js 用法 @before-enter="beact" @enter="eact" @before-leave="blact" @leave="lact"> <div v-if="show" >hello world</div> </transition> 阅读全文
posted @ 2019-04-16 23:31 我就是要叫鱼摆摆 阅读(262) 评论(0) 推荐(0) 编辑
摘要: transition这个标签上除了绑定name还可以绑定before-enter,enter,before-leave,leave 阅读全文
posted @ 2019-04-16 23:23 我就是要叫鱼摆摆 阅读(1355) 评论(0) 推荐(0) 编辑
摘要: 把要渲染的标签放在transition里; 当被transition包裹是,Vue会为标签增加两个样式 fafe-enter fade-enter-active 当开始时.fade-enter会去除结束时.fade-leave-to .fade-leave-active <button @click 阅读全文
posted @ 2019-04-15 22:52 我就是要叫鱼摆摆 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 作用:当子组件需要展示更具父组件的dom传来的值,可以用插槽 , 父组件优雅的向子组件传递dom 具名插槽 父组件:slot="xxx"是 子组件: <slot name="xxx"></slot> 作用域插槽 父组件在调用子组件的时候给子组件传了一个插槽,这个插槽为作用域插槽,该插槽必须放在tem 阅读全文
posted @ 2019-04-15 22:44 我就是要叫鱼摆摆 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 方法二 var app =new Vue({ el:"#app", data:{ type:'child-one' }, methods:{ change:function(){ this.type = (this.type 'child-one' ? 'child-two':'child-one' 阅读全文
posted @ 2019-04-15 22:32 我就是要叫鱼摆摆 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 比如有一个bus对象,这个对象上有两个方法,一个是on(监听,也就是订阅),一个是emit(触发,也就是发布),我们通过on方法去监听某个事件,再用emit去触发这个事件,同时调用on中的回调函数,这样就完成了一次事件触发; 总线bus方式进行传递, hello组件的text传递给world组件 s 阅读全文
posted @ 2019-04-13 16:18 我就是要叫鱼摆摆 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 只要在 点击事件加native就行了 子组件触发父组件,在触发 阅读全文
posted @ 2019-04-13 15:36 我就是要叫鱼摆摆 阅读(169) 评论(0) 推荐(0) 编辑
摘要: .active{ color:red; } 方法二:数组 方法三:对象 阅读全文
posted @ 2019-04-13 15:24 我就是要叫鱼摆摆 阅读(139) 评论(0) 推荐(0) 编辑