1. 程式人生 > >Vue-屬性傳值Props

Vue-屬性傳值Props

vue傳值有兩種方法:

1、父元件向子元件傳值(屬性傳值)

當資料都在App.vue中時,如下圖

需要將App.vue中的值傳給User.vue,則需要在兩者的契合點上進行繫結,如下圖,

在User.vue中需要進行註冊(如下圖)

2、子元件向父元件傳值(事件傳值)

1、註冊想要子傳給父的事件

通過點選上述事件,會觸發下圖的方法,然後通過註冊的事件,

再到父檔案中找到名稱為titlechanged的方法,如下圖

再通過觸發updatetitle($event)(注:$event是註冊事件時所傳的形參)

效果如圖

點選之後:

3、傳值和傳引用的區別

傳值指的是傳String、布林等基本型別值;傳值只改變所設定的要改變的值

傳引用指的是傳物件、陣列等引用型別值;傳引用當改變一個數據的值,則與該繫結的值相關的值都會發生變化