黑马前端学习笔记(从vue2.0到vue3.0)第七天P111-P130
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