vue孙子给爷组件传值

在Vue中，可以通过props属性来实现子组件向父组件传值。以下是一个简单的示例：

在父组件中，定义一个属性，例如message，并将其传递给子组件：

<template>
  <div>
    <child-component :message="message"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      message: 'Hello, World!'
    };
  }
}
</script>

在子组件中，通过props接收父组件传递的值：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: String
  }
}
</script>

在子组件中，可以直接使用props中的值，这样父组件的message值就会传递给子组件，并在子组件中显示出来。

这样就完成了子组件向父组件传值的操作。你可以根据需要传递不同的值给父组件。