随笔分类 -  vue

Vue中动画封装
摘要：1，使用组件的方式封装动画， 2，使用动画钩子设置样式 3，在组件中设置插槽，方便父元素自定义标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width= 阅读全文
posted @ 2020-04-22 23:04 晴天宝宝i 阅读(206) 评论(0) 推荐(0)
Vue中的动画特效
摘要：1.CSS动画原理 动画进入： 动画如果不给名字，默认：v-enter 原理：在某一时刻给 div 添加 或 删除一些样式 <style> .fade-enter{ opacity:0; } .fade-enter-active{ transition: opacity 1s; //对opacity 阅读全文
posted @ 2020-04-19 23:43 晴天宝宝i 阅读(3044) 评论(0) 推荐(0)
深入理解vue组件
摘要：一、组件使用过程中的细节问题 1.使用 is 解决H5标签的小bug（用 is='组件名' 解决） 好处：这样的写法一方面可以使用组件，另一方面也符合H5的规范。 /*创建组件*/ Vue.component('row',{ template:'<tr><td>this is a row</td>< 阅读全文
posted @ 2020-04-18 20:27 晴天宝宝i 阅读(246) 评论(0) 推荐(0)
vue基础
摘要：一、模板语法： {{message}} 等同于v-text：文本插值 v-html：html插值 v-once：插入固定的值，不会变 v-bind：单向数据绑定（内存JS改变，影响页面）缩写（:） v-model：双向数据绑定 v-on：事件绑定 缩写（@） 二、计算属性和侦听器 1.compute 阅读全文
posted @ 2020-04-18 14:41 晴天宝宝i 阅读(167) 评论(0) 推荐(0)