defineProps属性只读怎么办

在 Vue 3 中，`defineProps` 定义的属性默认是只读的，即无法在组件内部修改它们的值。这是为了确保单向数据流的原则，使得组件的 props 是可预测且不可变的。

如果你需要在组件内部修改 props 的值，可以通过将 props 转化为响应式对象来实现。可以使用 `toRef` 或 `toRefs` 函数将 props 转化为响应式对象，然后再进行修改。

示例代码：

import { defineComponent, defineProps, toRef } from 'vue'

const MyComponent = defineComponent({
  props: defineProps({
    name: String,
    age: Number,
  }),

  setup(props) {
    // 将 props 转化为响应式对象
    const name = toRef(props, 'name')
    const age = toRef(props, 'age')

    // 修改 props 的值
    function updateProps() {
      name.value = 'New Name'
      age.value = 20
    }

    return {
      name,
      age,
      updateProps,
    }
  }
})

在上面的示例中，我们使用 `toRef` 将 `props.name` 和 `props.age` 转化为响应式对象，然后在 `updateProps` 函数中修改它们的值。通过这种方式，我们可以在组件内部修改 props 的值，并保持响应式更新。请注意，使用 `toRef` 或 `toRefs` 会创建一个新的引用，所以需要使用 `.value` 来访问和修改它们的值。