会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
博客园
首页
新随笔
联系
订阅
管理
2019年11月9日
Vue——使用 ref 获取 DOM 元素和组件引用
摘要: 获取 DOM 元素 然后就可以在实例 this 中查看到了 获取 组件
阅读全文
posted @ 2019-11-09 14:49 杨培贤
阅读(906)
评论(0)
推荐(0)
2019年10月26日
Vue——评论管理模块 小Demo (组件运用)
摘要: <!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 杨培贤
阅读(985)
评论(0)
推荐(1)
Vue——父、子组件之间的传值、传方法
摘要: 父组件向子组件传值 父组件向子组件传递方法供子组件调用 调用方法 还可以传入参数 还可以 data 于 data 之间数据的传输
阅读全文
posted @ 2019-10-26 13:42 杨培贤
阅读(1721)
评论(0)
推荐(1)
2019年10月25日
Vue——组件
摘要: 组件:组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么的功能,就可以去调用对应的组件即可! 模块化:是从代码逻辑的角度进行划分的,方便代码分层的开发,保证每个功能模块的只能单一 组件化:是从 UI 界面的角度进行划分的,前端的组件化,方便
阅读全文
posted @ 2019-10-25 18:36 杨培贤
阅读(145)
评论(0)
推荐(1)
Vue——动画
摘要: v-enter 【这是一个时间点】 是进入之前,元素的起始状态,此时还没有开始进入 v-leave-to 【这是一个时间点】 是动画离开之后,离开的终止状态,此时,元素 动画已经结束了 v-enter-active 【入场动画的时间段】 v-leave-active 【离场动画的时间段】 v-ent
阅读全文
posted @ 2019-10-25 15:27 杨培贤
阅读(386)
评论(0)
推荐(1)
2019年10月20日
Vue——v-if 和 v-show 的使用和特点
摘要: 使用: true为显示,false为隐藏 特点: v-if : 每次都会重新删除或创建元素 v-show :每次不会重新进行DOM的删除和创建操作,只是切换了元素 display:none 样式 v-if :有较高的切换性能消耗 v-show:有较高的初始渲染消耗 如果元素设计到频繁的切换,最好不要
阅读全文
posted @ 2019-10-20 13:00 杨培贤
阅读(235)
评论(0)
推荐(1)
Vue——v-for中 key 属性的使用
摘要: 当在组件中使用 v-for 时,key 现在是必须的。 首先,为了方便演示。我们先搭建一个基础结构 现在我们目前添加的是用的 push 方法,添加到了对象的尾部 在添加之前选中了第五个后再添加也不会出现上面异常 接下来我们再来看看如果是使用 unshift 方法,是添加到对象前面的 我们可以看到如果
阅读全文
posted @ 2019-10-20 11:31 杨培贤
阅读(10781)
评论(0)
推荐(2)
2019年10月19日
Vue——基础指令
摘要: Vue指令: v-cloak:解决插值表达式闪烁问题 v-text:插入文本 v-html:插入html v-bind:绑定属性 v-on:绑定事件 v-cloak:解决 插值表达式闪烁的问题(当网络比较慢时) 默认设置为dispaly:none,就是说正在加载的时候不显示,等到加载出来时dispa
阅读全文
posted @ 2019-10-19 22:39 杨培贤
阅读(175)
评论(0)
推荐(1)
Vue——v-for指令的四种循环方式
摘要: 循环普通数组 循环对象数组 循环对象 迭代数字 如果使用v-for迭代数字的话,前面的 counut 值是从 1 开始的
阅读全文
posted @ 2019-10-19 22:34 杨培贤
阅读(11603)
评论(0)
推荐(3)
Vue——如何在Vue中使用样式
摘要: 使用class样式 1.数组 第一种使用方式,直接传递一个数组,注意:这里的class需要使用 v-bind做数据绑定 2.数组中使用三元表达式 false true 3.数组中嵌套对象 false true 4.直接使用对象(不用数组包裹) false true 既然是一个对象,那我们也可以直接在
阅读全文
posted @ 2019-10-19 16:18 杨培贤
阅读(3400)
评论(0)
推荐(1)
下一页
公告