---
title: 'props'
description: 'Prop 属性名称使用 camelCase(驼峰命名法)命名法，在外部传递数据时请转化为以 kebab-case (短横线分隔命名) propObject 转换为 prop-object。'
lastUpdated: 2025-07-10T02:44:44.000Z
---
## Prop 写法
Prop 属性名称使用 camelCase(驼峰命名法)命名法，在外部传递数据时请转化为以 kebab-case (短横线分隔命名) propObject 转换为 prop-object。
```html
{{ propObject.name }}
```
```html
```
## 属性默认值
子组件声明属性时，可以设置默认值。当调用子组件没有传入该数据时，将会自动设为默认值。
如果需要设置默认值，`props` 属性的写法必须要要写成 Object 形式，**不能**写成 Array 形式。
**示例如下：**
```html
```
## 数据单向性
父子间的数据传输是单向性的，父组件 prop 数据更新，子组件的数据会刷新为最新值;子组件的 prop 值发生改变，并不会改变父组件中值。
但是**prop 类型事数组或者对象，自组件变化会影响到父组件的值**，这意味着你不应该在一个子组件内部改变 prop 的值，这是危险性操作。
常见的三种操作 prop 值的方法：
**1.将 prop 传入的值作为初始值，用 data 接收**
```html
```
**提示：**
- 如果你想用 data 直接接收 propObject 这个对象，可以采用**JSON.parse(JSON.stringify(propObject))**，将 prop 深度克隆。
**2.$watch 监控数据改变**
如果是监听对象中的属性，参数请使用`.`分割，如：`this.$watch('propSay.name', 'watchPropsChange') 才能生效`
**注意使用$watch,一般用于处理 data 里面的数据监听**
```html
```