vue 元件間的通訊及生命週期

2021-10-14 03:51:34 字數 556 閱讀 9996

vue 元件間的通訊

1)props  ,$emit父子元件通訊

2)自定義事件

父元件rights, 子元件inp和item,自定義事件引入的event.js

生命週期

生命週期有父子元件的情況,是如何執行的,看下面效果圖

新增

import vue from 'vue'

// 直接new了乙個 vue的例項

export default new vue()

生命週期有父子元件的情況

掛載階段:先是父元件(rights)vue 例項化完成也就是先js 建模完成,在子元件(item) js建模完成至整個頁面渲染完成,後才是父元件頁面渲染

更新階段:也同上

vue元件生命週期

beforecreate建立前 created建立後 beforemountvue裝載dom之前 mountedvue裝載dom之後 beforeupdate資料改變出發,改變前 updated資料改變出發改變後 beforedestory元件銷毀前 destoryed元件銷毀後 beforeact...

Vue元件的生命週期

有乙個需要是分別在建立b元件和b bro元件時利用事件匯流排 on 註冊 乙個事件,在銷毀元件前 off 登出 這個事件,開始我是分別在created中 on,在beforedestory中 off,但是發現b bro中的事件註冊不上該事件,最後發現是生命週期的原因 b bro beforecrea...

vue元件的生命週期

beforecreate 實列建立之前。created 實列建立完成。beforemount 掛載開始之前被呼叫。mounted 實列掛載到dom上 beforeupdate 響應式資料更新時呼叫 updated 虛擬dom重新渲染和打補丁之後呼叫 beforedestroy 實列銷毀之前呼叫 de...