Vue中 refs與 emit的區別及使用場景例項

2022-09-23 02:12:07 字數 592 閱讀 2413

**:

refs:1)父元件既可以通過refs訪問或修改子元件的資料,又可以訪問子元件方法。

場景1:父元件發生某個事件,在事件執行的方法中,需要訪問或者更改子元件資料屬性或呼叫子元件方法。

此時可以使用c h i l d r e n 和 children和children和refs.但是c h i l d r e n 不 常 用 , 通 常 使 用 children不常用,通常使用children不常用,通常使用refs。

按鈕 我是子元件

}

data:,

methods:

},components:

},methods:}}

}});

.emit1)當子元件觸發某個事件時,將子元件資料傳給父元件。資料是單項傳遞的。2)通過emit父元件只能獲取子元件傳遞過來的資料,不能修改此資料,也不能訪問子元件其他屬性以及方法。

場景2:父元件發生某個事件,在事件執行的方法中,需要訪問或者更改子元件資料屬性或呼叫子元件方法。

我是子元件

按鈕 data:,

methods:

},components:}}

}});