Vue父子组件之间的参数传递

最新推荐文章于 2024-09-29 14:58:50 发布

ゞ﹏铭 (り

最新推荐文章于 2024-09-29 14:58:50 发布

阅读量854

点赞数 2

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/qq_43620423/article/details/107291335

版权

本文详细介绍了Vue中父子组件之间的参数传递方法，包括父组件如何向子组件传递数据以及子组件如何将数据反馈回父组件。通过实例展示了具体步骤和最终效果。

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

一、父传子

1.首先由父组件向子组件传递参数

<!-- 父组件father.vue -->
<template>
    <div>
        <div>这是父组件father.vue</div>
        <div>父组件向子组件传递参数：{
  {data}}</div>
        <!-- 1.传参 -->
        <child :data1="data" data2="这是个静态参数"></child>
    </div>
</template>
<script>
    import child from "./child";
    export default {
    
        data() {
    
            return {
    
                data:"这是个动态参数",
            }
        },
        components: {
    
            child,
        }
    };
</script