技術標籤：前端學習筆記vue

返回目錄

父元件傳參給子元件

1、在佔位符中，:a="fmsg"，a是子元件中需要接收的資料(自定義)，fmsg父元件資料。

2、在子元件中定義屬性，props接收a，props: ['a']。

3、在子元件中可以直接使用a。

如果父元件的值變化，子元件的值會跟著變化。但是子元件值的變換不會引起父元件值的變化。

子元件傳參給父元件

1、在子元件中定義一個方法(該方法用來定義事件)。方法內部定義事件，this.$emit('事件名', 所需要傳送的資料(傳送給父元件的資料))。

2、在佔位符中，@事件名(在子元件中定義的事件)="方法名(不加括號，需要在父元件中定義)"
 
。

3、在父元件中，定義接收資料的方法。

4、在子元件中，執行剛剛定義的事件方法。

如果子元件的值變化，父元件的值會跟著變化。但是父元件值的變換不會引起子元件值的變化。

元件傳參同步修改值

把需要傳遞的引數定義為物件形式

示例：在文章中搜索：2021-01-30