在Vue中,a傳值是指將數據從一個組件傳遞給另一個組件。
在這個例子中,我們在父組件中定義了一個名為message的數據。子組件ChildComponent引入了該數據,并且使用了“:parentData”語法將該數據作為props綁定到了子組件上。
{{ parentData }}
在子組件中,我們使用了“{{ parentData }}”語法來顯示父組件傳遞過來的數據。在子組件的JavaScript代碼中,我們需要定義一個props對象,并且在其中聲明parentData屬性。這個屬性是必須的,并且其類型應為字符串。
除了使用“:parentData”語法之外,我們還可以使用v-bind指令來實現props的綁定。
這通常用于在模板中動態計算props的值。
我們還可以定義一個事件來傳遞數據。
在這個例子中,我們在子組件中定義了一個名為sendMessage的方法。當用戶單擊“Send Message”按鈕時,該方法將使用$emit函數觸發一個名為message-sent的事件,并且向該事件傳遞一個字符串“Hello, World!”。
在父組件中,我們使用“@message-sent”語法來監聽從子組件傳遞過來的事件。當該事件被觸發時,displayMessage方法將被調用,并且將從事件中傳遞的消息打印到控制臺中。