Vue中父访问子组件数据用emit的示例代码

当一个父组件需要访问其子组件的数据时，可以使用Vue中的emit方法。具体步骤如下：

1. 在子组件中，将需要被访问的数据通过emit方法暴露出去，以供父组件使用。示例代码如下：

// 子组件中
<template>
  <div>
    <h2>{{ title }}</h2>
    <button @click="changeTitle">Change Title</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello World'
    }
  },
  methods: {
    changeTitle() {
      this.title = 'New Title'
      this.$emit('title-changed', this.title)
    }
  }
}
</script>