子组件调用父组件方法 defineProps
时间: 2023-10-19 17:25:40 浏览: 94
ES6下子组件调用父组件的方法(推荐)
5星 · 资源好评率100%
子组件调用父组件的方法defineProps是用于定义父组件向子组件传递的props属性。在子组件中,可以使用defineProps来声明props并获取父组件传递过来的值。 这个方法可以帮助子组件获取并使用父组件传递的数据。
引用:在子组件中的基本使用方式如下:
```javascript
<script setup>
const props = defineProps({ foo: String })
const emit = defineEmits(['change', 'delete'])
// setup 代码
</script>
```
所以,子组件调用父组件方法defineProps是为了在子组件中声明父组件传递的props属性,并获取父组件传递的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue3-子组件调用父组件的方法、父组件给子组件传值,defineEmits、defineProps](https://blog.csdn.net/weixin_45618681/article/details/131842330)[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_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue3里面子组件调用父组件的方法,子组件传值,父组件接收的时候是undefined](https://blog.csdn.net/YZRHANYU/article/details/129459269)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文