vue父组件将方法传给子组件和子组件将方法传给父组件

最新推荐文章于 2024-08-11 15:47:37 发布

绍岩

最新推荐文章于 2024-08-11 15:47:37 发布

阅读量1.2w

点赞数 3

文章标签： vue vue.js

本文链接：https://blog.csdn.net/weixin_44173929/article/details/120348728

版权

本文介绍了Vue中父子组件如何交互，包括父组件如何将方法传给子组件，以及子组件如何通过$emit将方法回传给父组件。通过示例详细阐述了方法定义、传递和接收的过程。

摘要由CSDN通过智能技术生成

1、父组件将方法传给子组件
首先需要在父组件中定义一个方法如下：

<template>
    <div>
        <ntable 
            :getdata="getdata"  
            :setdata="setdata"
        ></ntable>

    </div>
</template>
<script>
import ntable from '@/components/ntable'
export default {
     
    data(){
     
        return{
     
            mockData:{
     
            	name:'张三',
            	age:'12'
            }
        }
    },
    components: