摘要: 获取 DOM 元素 然后就可以在实例 this 中查看到了 获取 组件 阅读全文
posted @ 2019-11-09 14:49 杨培贤 阅读(900) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-10-26 21:22 杨培贤 阅读(949) 评论(0) 推荐(1) 编辑
摘要: 父组件向子组件传值 父组件向子组件传递方法供子组件调用 调用方法 还可以传入参数 还可以 data 于 data 之间数据的传输 阅读全文
posted @ 2019-10-26 13:42 杨培贤 阅读(1703) 评论(0) 推荐(1) 编辑
摘要: 组件:组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么的功能,就可以去调用对应的组件即可! 模块化:是从代码逻辑的角度进行划分的,方便代码分层的开发,保证每个功能模块的只能单一 组件化:是从 UI 界面的角度进行划分的,前端的组件化,方便 阅读全文
posted @ 2019-10-25 18:36 杨培贤 阅读(141) 评论(0) 推荐(1) 编辑
摘要: v-enter 【这是一个时间点】 是进入之前,元素的起始状态,此时还没有开始进入 v-leave-to 【这是一个时间点】 是动画离开之后,离开的终止状态,此时,元素 动画已经结束了 v-enter-active 【入场动画的时间段】 v-leave-active 【离场动画的时间段】 v-ent 阅读全文
posted @ 2019-10-25 15:27 杨培贤 阅读(376) 评论(0) 推荐(1) 编辑
摘要: 使用: true为显示,false为隐藏 特点: v-if : 每次都会重新删除或创建元素 v-show :每次不会重新进行DOM的删除和创建操作,只是切换了元素 display:none 样式 v-if :有较高的切换性能消耗 v-show:有较高的初始渲染消耗 如果元素设计到频繁的切换,最好不要 阅读全文
posted @ 2019-10-20 13:00 杨培贤 阅读(234) 评论(0) 推荐(1) 编辑
摘要: 当在组件中使用 v-for 时,key 现在是必须的。 首先,为了方便演示。我们先搭建一个基础结构 现在我们目前添加的是用的 push 方法,添加到了对象的尾部 在添加之前选中了第五个后再添加也不会出现上面异常 接下来我们再来看看如果是使用 unshift 方法,是添加到对象前面的 我们可以看到如果 阅读全文
posted @ 2019-10-20 11:31 杨培贤 阅读(10757) 评论(0) 推荐(2) 编辑
摘要: Vue指令: v-cloak:解决插值表达式闪烁问题 v-text:插入文本 v-html:插入html v-bind:绑定属性 v-on:绑定事件 v-cloak:解决 插值表达式闪烁的问题(当网络比较慢时) 默认设置为dispaly:none,就是说正在加载的时候不显示,等到加载出来时dispa 阅读全文
posted @ 2019-10-19 22:39 杨培贤 阅读(166) 评论(0) 推荐(1) 编辑
摘要: 循环普通数组 循环对象数组 循环对象 迭代数字 如果使用v-for迭代数字的话,前面的 counut 值是从 1 开始的 阅读全文
posted @ 2019-10-19 22:34 杨培贤 阅读(11566) 评论(0) 推荐(3) 编辑
摘要: 使用class样式 1.数组 第一种使用方式,直接传递一个数组,注意:这里的class需要使用 v-bind做数据绑定 2.数组中使用三元表达式 false true 3.数组中嵌套对象 false true 4.直接使用对象(不用数组包裹) false true 既然是一个对象,那我们也可以直接在 阅读全文
posted @ 2019-10-19 16:18 杨培贤 阅读(3376) 评论(0) 推荐(1) 编辑