vue3defineProps

在Vue3中，我们使用`defineProps`来声明组件所接受的props。这是一个新的API，用于替代Vue2中的`props`选项。使用`defineProps`时，我们需要传入一个对象，其中的每个属性都代表一个prop，并定义了该prop的类型、默认值等。这样Vue就能知道外部传入的哪些是props，哪些是透传属性。 与Vue2不同的是，在Vue3中，props是只读的，我们不应该在子组件中直接修改props的值。如果需要对props进行处理，可以使用`ref`来创建一个响应式的变量，并将其初始值设置为props的值。然后在子组件中对这个变量进行修改，而不是直接修改props的值。这样可以避免出现意外的副作用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [VUE3组件 (1) 关于defineProps()](https://blog.csdn.net/sepgit/article/details/124923650)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue3的props和defineProps](https://blog.csdn.net/qq_16992475/article/details/130444688)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]