defineProps非响应式

`defineProps`是非响应式的，在Vue 3中，它是用于声明组件的静态数据选项的特性，通常用在自定义渲染函数（Composition API）中。当你通过`defineProps`定义组件的props（属性）时，这些props不会自动更新视图，因为它们不是在模板里直接使用的数据绑定。

如果你想要props变为响应式，你应该在setup函数中将它们转化为reactive或者ref，这样才能确保当props发生变化时，组件内部可以感知到并更新视图。例如：

import { defineComponent, reactive } from 'vue';

export default defineComponent({
  props: {
    name: {
      type: String,
      // 这里添加响应式处理
      default: () => reactive({ value: '' })
    }
  },
  setup(props) {
    const updatedName = ref(props.name);
    
    // 当name prop变化时，updatedName会同步更新
    Object.defineProperty(updatedName.value, 'value', {
      get() { return props.name; },
      set(val) { props.name = val; }
    });
    
    return {
      updatedName
    };
  }
});

在这个例子中，`updatedName`是响应式的，当`name` prop改变时，它会自动更新。