子组件修改父组件变量

子组件修改父组件变量可以通过以下步骤实现：
1. 在父组件中声明需要修改的变量，并将其传递给子组件。
2. 在子组件中使用inject来获取父组件的变量和方法。
3. 在子组件中修改父组件的变量，并调用父组件的方法来更新变量的值。

具体实现步骤如下：
1. 在父组件中声明需要修改的变量startTime，并将其传递给子组件。
2. 在子组件中使用inject来获取父组件的变量num和方法changnum。
3. 在子组件中定义一个方法editStartTime，用来修改父组件的变量startTime，并调用父组件的方法来更新变量的值。
4. 在子组件中使用一个按钮来触发editStartTime方法，从而修改父组件的变量。

代码示例：
父组件：

<template>
  <div>
    <child-component :start-time="startTime"></child-component>
    <p>父组件的startTime为：{{ startTime }}</p>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  data() {
    return {
      startTime: '',
    };
  },
  components: {
    ChildComponent,
  },
  methods: {
    editStartTime(value) {
      this.startTime = value;
    },
  },
};
</script>

子组件：

<template>
  <div>
    <p>子组件获取到的父组件的startTime为：{{ startTime }}</p>
    <button @click="editStartTime">修改父组件的startTime</button>
  </div>
</template>

<script>
export default {
  inject: ['startTime', 'editStartTime'],
  methods: {
    editStartTime() {
      this.editStartTime('2023-08-02 00:00:00');
    },
  },
};
</script>