在 vue 2 中,通過 this.props 對象獲取 props 數據。1. 定義 props:在組件的 props 選項中聲明要接收的 prop。2. 獲取 props:通過 this.props 對象訪問傳遞的 prop 數據。3. 使用 props:獲取 prop 數據后,就可以在組件的其余部分使用它們。
Vue 2 中獲取 Props 數據
如何獲取 Props 數據?
在 Vue 2 中,獲取 Props 數據可以通過 this.props 對象實現。
示例:
export default { props: ['propName'], data() { return { message: this.props.propName // 獲取名為 'propName' 的 prop } } }
登錄后復制
詳細說明:
- 定義 Props:
在組件的 props 選項中聲明要接收的 Prop。Prop 是一個由父組件傳遞給子組件的數據屬性。
- 獲取 Props:
通過 this.props 對象可以訪問傳遞的 Prop 數據。this.props 是一個只讀對象,包含所有定義的 Prop。
- 使用 Props:
獲取 Prop 數據后,就可以在組件的其余部分使用它們。例如,可以在 data 中存儲它們,或在模板中使用它們。
注意:
Prop 必須在組件的 props 選項中顯式聲明,否則無法通過 this.props 獲取。
Prop 是只讀的,不能被子組件修改。
如果父組件沒有提供 Prop,則 this.props 中對應 Prop 的值將為 undefined。