vue 父组件改子组件值----子组件改父组件值------父组件中调用子组件方法

最新推荐文章于 2024-05-23 13:27:05 发布

DadiaoMan

最新推荐文章于 2024-05-23 13:27:05 发布

阅读量442

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/DadiaoMan/article/details/125615719

版权

本文详细介绍了Vue.js中如何进行父子组件间的交互，包括父组件如何修改子组件的值，子组件如何反过来改变父组件的状态，以及如何在父组件中正确调用子组件的方法。通过示例代码，读者可以深入理解Vue的组件通信机制。

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

父组件改子组件值

子组件

//名字child.vue
<template>
  <div>
    <span>{
   {
   data}}</span>
  </div>
</template>
<script>
export default {
   
  data() {
   
    return {
   
        data:'修改前';// 被修改值
    };
  },
  methods: {
   
    xiuGai(e) {
   
        this.data=e;
    },
  },
};
</script>