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