vue父组件怎么修改数据

// 父组件<template><child-component :data="myData"></child-component></template><script>export default {  data() {    return {      myData: 10    }  }}</script>// 子组件<template><div>{{ data }}</div></template><script>export default {  props: ['data'],  data() {    return {      // 也可以使用 props 的默认值      data: this.data || 0    }  }}</script>

// 父组件<template><button>+</button>  <child-component :data="myData"></child-component></template><script>export default {  data() {    return {      myData: 10    }  },  methods: {    incrementData() {      this.myData++;      this.$emit('dataUpdated'); // 触发事件    }  }}</script>// 子组件<template><div>{{ data }}</div></template><script>export default {  props: ['data'],  data() {    return {      data: this.data || 0    }  },  mounted() {    // 监听父组件的事件    this.$on('dataUpdated', () => {      this.data++;    })  }}</script>

// 父组件<template><provider-component><child-component></child-component></provider-component></template><script>export default {  provide() {    return {      myData: 10    }  }}</script>// 提供者组件<template><slot></slot></template><script>export default {  provide() {    return this.$parent.provide();  }}</script>// 子组件<template><div>{{ myData }}</div></template><script>export default {  inject: ['myData'],  data() {    return {      myData: this.myData || 0    }  }}</script>