vue 元件中的通訊

2021-09-29 13:22:09 字數 509 閱讀 4468

改一些公司的之前的專案 , 每個人有每個人的寫**的習慣, 我遇到的是 上個前端開發比較喜歡用元件化開發 ,在父元件中用$ref.元件名.xx的這種寫法, 如圖

如上圖 getcommunityinfos這個函式觸發的時候 com_id 改變了 如果用v-if控制liveroom的展示時 當com_id改變成不等於1時 執行 this.refs.liveroom.getcommunityinfos這個函式時 會報錯 可能是liveroom還沒掛載完成 此時頁面中並沒有liveroom元件 所以我用v-show 控制liveroom 的顯示 就不會報錯了

Vue中的元件通訊

這兩天在學vue,記錄一下我認為比較重要的東西 vue中的元件通訊 我們可以分為3個步驟來 1.宣告區域性子元件,簡稱 聲子 2.掛載到dom樹上面去,簡稱 掛子 3.進行使用,簡稱 用子 上面寫的別人可能看不太明白,畢竟只是我的看法 body div id div body script varv...

Vue中元件之間的通訊

元件 全域性自定義元件 在任何乙個例項中都可以使用 區域性自定義元件 只能在當前的例項中使用 1.乙個元件裡面只能對應乙個根標籤 2.元件裡面的內容寫成返回值的形式 元件的使用,就相當於自定義的標籤,元件的名稱就可以當成乙個自定義的標籤 全域性的元件 vue.component test compo...

Vue中父子元件通訊 元件todolist

提交 button div ul li v for item,index of list key index li ul div script newvue methods script view code 定義元件,元件和元件之間通訊 div id root div input type text...