欢迎光临散文网 会员登陆 & 注册

黑马前端学习笔记(从vue2.0到vue3.0)第七天P111-P130

2021-12-10 21:26 作者:那么小一个豆  | 我要投稿

P111父向子传值 --使用自定义属性

组件之中最常见的关系:父子关系  兄弟关系

父传子 代码展示  用 v-bind 

props 属性是只读的 不要修改他的值  如果要修改请转存一份

P114 子向父传数据

  


P115 兄弟组件数据共享


如何共享数据



P119 ref引用

如果你想操作一个被你引用的组件元素 首先在他声明组件上加上 

ref=“...”

然后可以在方法中定义或者获取组件的值或方法

前者方法后者对象值

 

P122 结合ref this.$nextTick() 使用场景  

当你需要点击一个按钮然后让鼠标焦点放到一个对话框时候

首先使用ref操作dom元素 

iptRef 是要你要绑定的对话框  

focus 大概是获取焦点的方法 

当你点击按钮时候  程序数值切换 经过v-if进行切换 

但是数据还没有被渲染   就 进入到了 this.$refs.xxx.xxx()方法

所以我们要让这个方法等待 数据渲染完成后在进行运行

所以就有了以下方法 this.$nextTick()进行代码延迟 


P123 没看 

运行生命周期的两个 都是多次 循环  页面只要发生改变就会 运行一次 他与其他生命周期不同 我们需要的是点击按钮进行一次获取焦点 1对1 如果是循环生命周期 就成了1对多

P124 数值的方法 some

在some数组中找到 苏大强 的下标 或者找到苏大强进行一些请求或者方法

P125数值的方法 every

判断每一项是否都为true  

都为true 他才为true 类似于 &&


P126 数组中的 reduce方法

普通的实现方式

 reduce方法


=》 只要一行代码可以省略大括号 和 return 


黑马前端学习笔记(从vue2.0到vue3.0)第七天P111-P130的评论 (共 条)

分享到微博请遵守国家法律