vue中prop傳值時加不加v bind(冒號 )

2021-10-04 21:38:37 字數 641 閱讀 3089

前言:有關vue中父元件通過prop傳值給子元件時,是否加v-bind的問題,沒弄清楚時感覺很亂,弄清楚之後很簡單。

由於結果記起來很容易,所以先給出結果:只有傳遞字串常量時,不採用v-bind形式,其餘情況均採用v-bind形式傳遞。

傳入的值title為乙個常量(靜態prop)時,不加v-bind(或者:)

傳入的值title為乙個變數(動態prop)時,加v-bind(或者:)

根據以上說明,可以看出只有當字串以靜態/常量形式傳遞時,才不需要也不能用v-bind傳遞。為什麼不能用v-bind傳遞呢?我覺得主要是為了區分以下場景

對於陣列和物件,道理也是一樣。即不加v-bind時,vue就認為此時通過prop傳遞給元件的是字串常量。

vue的prop父子元件傳值

props down,events up 父元件通過 props 向下傳遞資料給子元件 子元件通過 events 給父元件傳送訊息。靜態 props 要讓子元件使用父元件的資料,需要通過子元件的 props 選項。給 childnode 新增乙個 props 選項和需要的forchildmsg資料 ...

關於Vue父子元件傳值(prop)那些事兒

今天解決了乙個父元件給子元件傳值的問題,簡單概述下就是子元件列印出的父元件傳過來的值為空,以及加了watch監聽傳值改變之後表單介面不顯示資料的問題。本文涉及到vue以及ant design表單 首先,父元件傳值給子元件,子元件列印出的穿過來的資料為空。利用watch來監聽傳過來值的變化。父元件 父...

VUE中元件傳值

1 父傳值v bind 父元件通過v bind data data 傳值,簡寫等同於 data data 將資料傳遞給引用的子元件 2 子接收props 子元件通過props接收父元件傳的值 props 簡單寫法 props data props是單向繫結的,子元件不可以修改父元件的值,在子元件中修...