vue3中用setup语法糖给子组件传值

在 Vue 3 中，可以使用 `setup` 语法糖来为子组件传递值。具体步骤如下：

1. 定义子组件并导出。

// Child.vue

export default {
  props: ['msg'],
  template: `<div>{{ msg }}</div>`
}

2. 在父组件中使用 `setup` 来为子组件传值。

// Parent.vue
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  setup() {
    const msg = 'Hello World'
    return {
      msg
    }
  },
  template: `
    <div>
      <Child :msg="msg"></Child>
    </div>
  `
}

这里的 `setup` 函数会返回一个包含 `msg` 的对象，该对象会被传递给子组件 `Child`，并通过 `props` 属性 `msg` 进行传递。在子组件中，可以通过 `props.msg` 来访问父组件传递的值。

需要注意的是，在使用 `setup` 语法糖时，不能使用 `this` 来访问实例属性，需要使用 `props`、`context`、`attrs` 等参数来访问组件的属性和方法。