摘要: 一、代码 var vm = new Vue({ el: '#app',// 控制区域 data: {},// 定义数据 methods: {},// 定义方法 filters: {},// 定义私有过滤器 directives: {},// 定义私有指令 components: { }, // 定义 阅读全文
posted @ 2019-11-15 16:54 碧果果 阅读(6529) 评论(0) 推荐(0) 编辑
摘要: 一、解释 1、什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 2、模块与组件的区别: 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; 组件化: 是 阅读全文
posted @ 2019-11-15 16:46 碧果果 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 一、解释 1、在实现列表过渡的时候,如果需要过渡的元素,是通过 v-for 循环渲染出来的,不能使用 transition 包裹,需要使用 transitionGroup 2、 .v-move 和 .v-leave-active 配合使用,能够实现列表后续的元素,渐渐地漂上来的效果 3、给 rans 阅读全文
posted @ 2019-11-15 11:35 碧果果 阅读(3463) 评论(0) 推荐(0) 编辑
摘要: 一、解释 1、进场 v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="enterCancelled" 2、离场v-on:before-leave 阅读全文
posted @ 2019-11-15 10:24 碧果果 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 一、解释 参考样式地址https://daneden.github.io/animate.css/ 1、 入场:enter-active-class 离场:leave-active-class 2、animated:必须使用,不使用就没有效果 3、使用 :duration="毫秒值" 来统一设置 入 阅读全文
posted @ 2019-11-15 09:23 碧果果 阅读(600) 评论(0) 推荐(0) 编辑