黑馬前端學(xué)習(xí)筆記(從vue2.0到vue3.0)第七天P111-P130
P111父向子傳值 --使用自定義屬性
組件之中最常見的關(guān)系:父子關(guān)系? 兄弟關(guān)系

父傳子 代碼展示? 用 v-bind?

props 屬性是只讀的 不要修改他的值? 如果要修改請轉(zhuǎn)存一份
P114 子向父傳數(shù)據(jù)
??

P115 兄弟組件數(shù)據(jù)共享

如何共享數(shù)據(jù)

P119 ref引用
如果你想操作一個(gè)被你引用的組件元素 首先在他聲明組件上加上?
ref=“...”

然后可以在方法中定義或者獲取組件的值或方法

?
P122 結(jié)合ref this.$nextTick()?使用場景??
當(dāng)你需要點(diǎn)擊一個(gè)按鈕然后讓鼠標(biāo)焦點(diǎn)放到一個(gè)對話框時(shí)候
首先使用ref操作dom元素?

iptRef 是要你要綁定的對話框??
focus 大概是獲取焦點(diǎn)的方法?
當(dāng)你點(diǎn)擊按鈕時(shí)候? 程序數(shù)值切換 經(jīng)過v-if進(jìn)行切換?
但是數(shù)據(jù)還沒有被渲染? ?就 進(jìn)入到了 this.$refs.xxx.xxx()方法
所以我們要讓這個(gè)方法等待 數(shù)據(jù)渲染完成后在進(jìn)行運(yùn)行
所以就有了以下方法?this.$nextTick()進(jìn)行代碼延遲?


P123 沒看?
運(yùn)行生命周期的兩個(gè) 都是多次 循環(huán)? 頁面只要發(fā)生改變就會(huì) 運(yùn)行一次 他與其他生命周期不同 我們需要的是點(diǎn)擊按鈕進(jìn)行一次獲取焦點(diǎn) 1對1 如果是循環(huán)生命周期 就成了1對多
P124 數(shù)值的方法 some
在some數(shù)組中找到 蘇大強(qiáng) 的下標(biāo) 或者找到蘇大強(qiáng)進(jìn)行一些請求或者方法

P125數(shù)值的方法 every
判斷每一項(xiàng)是否都為true??
都為true 他才為true 類似于 &&

P126 數(shù)組中的 reduce方法
普通的實(shí)現(xiàn)方式

?reduce方法

=》 只要一行代碼可以省略大括號(hào) 和 return?