props 傳遞資料

2022-08-20 21:12:09 字數 285 閱讀 9985

props是元件的乙個屬性,它用於進行元件間通訊

在元件模版中使用props來宣告需要從父級接收的資料,props的值可以是物件或者陣列

元件傳遞的資料可以寫死,也可以是來自父元素的動態資料,如果父元素為動態資料,要用v-bind動態繫結props的值,當父元件資料變化時,也會傳遞給子元件

v-model雙向繫結data

//v-bind給props屬性繫結同乙個data

注:如果要給props屬性繫結數字、布林值、陣列、物件,要使用v-bind, 不使用v-bind繫結的是字串

Vue使用props傳遞資料

元件不僅僅是用來進行內容的復用,更重要的是元件之間的要進行通訊。通常父元件的模板中包含子元件,父元件要正向的向子元件傳遞資料或引數,子元件接受到後根據引數額不同來渲染不同的內容或執行操作。這個正向傳遞的過程就是通過props來實現的。在元件中,使用選項props來宣告需要從父級接受的資料,props...

Vue 使用 props 傳遞資料

元件不僅僅是要把模板內容進行復用,更重要的是元件間要通訊。通常父元件的模板中包含子元件,父元件要正向的向子元件傳遞資料或引數,子元件接收到引數後,根據引數的不同來渲染不同的內容或執行操作。這個正向傳遞資料的過程就是要通過props來實現的。在元件中,使用選項 props 來宣告需要從父級接受的資料,...

React中props傳遞資料

例項 類元件傳遞資料 class hello extends react.component div 接收到的資料 div div reactdom.render 123 age document.queryselector root 函式元件傳遞資料 functionhello props div...