vue3props传值写法

在 Vue 3 中，可以通过 `props` 选项来定义组件的属性，并且有两种传值方式：属性绑定和对象传值。

属性绑定的写法如下：

<template>
  <MyComponent :propName="value"></MyComponent>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      value: 'hello'
    }
  }
}
</script>

在上述代码中，我们使用了 `:` 来进行属性绑定，将 `value` 的值传递给了组件的 `propName` 属性。

对象传值的写法如下：

<template>
  <MyComponent :propObject="{
    prop1: 'value1',
    prop2: 'value2'
  }"></MyComponent>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}
</script>

在上述代码中，我们将一个对象作为属性值传递给了组件的 `propObject` 属性，其中包含了多个属性和对应的值。

需要注意的是，在 Vue 3 中，`props` 的类型默认为 `any`，如果需要对传入的属性做类型检查，可以使用 TypeScript 或者其他的类型检查工具。