1. 程式人生 > >vue使用總結(入門,入門,入門哈)

vue使用總結(入門,入門,入門哈)

object img 修改 大哥 com obj 一個 pro vue

一、組件間的通信

1.爺爺與孫子之間的通信。

最近做了一個類似朋友圈的需求。在下做的評論頁(上方動態詳情,下方評論列表,最底部fixed點贊+評論的編輯框)。如圖:

技術分享圖片

媽呀,圖太大。

爺爺組件要把點贊信息傳給孫子,爺爺→爸爸→孫子。孫子還要改變這個點贊信息。vue父子組件通信需要通過prop,但是呢,子組件沒法改這個prop,

a.通過一層一層emit?這樣不好,太麻煩了

b.prop賦給一個新屬性,但是,這個prop的值爺爺第一次給傳了個默認值,爺爺請求接口後又給傳了,造成的後果是,雖然prop總是最新的,但是孫子拿到的總是第一次傳的。完成不了。

c.一個比較厲害的前端大哥跟我說:我直接把這個信息放到一個對象裏傳給你吧,這樣就可以隨意修改了,就好像const一個常量,修改這個常量會報錯,但const的是一個對象,修改對象下的屬性是不報錯的,以此類推,是不是父組件傳個object,子組件修改其屬性就沒問題了呢,試了一把,果然好用這呢,哈哈哈。

vue使用總結(入門,入門,入門哈)