vue3 里面props传值出问题了,这是啥意思。

vue3 里面props传值提示“
error Getting a value from the props in root scope of setup() will cause the value to lose reactivity vue/no-setup-props-destructure


export default {
  name:'checkboxCustom',
  props:{
    disabled : Boolean
  },
  setup(props){
    console.log(props.disabled); //这里有输出值为true
 
     let isDisabled = ref(false)
     isDisabled.value = props.disabled;////////////////这行赋值出问题,提示上面的信息

如果你在子组件中直接获取参数值会让这个参数丢失响应式属性,官方有提供 toRefs 方法可以转化为响应式数据

vue3 文档总结 -深入组件_李灿_的博客-CSDN博客 组件注册组件注册的方法从 Vue.component 迁移到了 Vue.definedComponentProps当向子组件传递一个非字符串类型的参数时,即使这个参数是静态的,也要通过:props。否则传入的参数将会被当做静态字符串处理。对于字符串则可以直接传入单向数据流prop 只能从父传递到子。每次父组件发生变更的时候,子组件中所有的 prop 都将会刷新称为最新的值。如果想将这个数据当做本地的数据来使用:定义一个本地的数据作为其初始值props: ['initProps']setu https://blog.csdn.net/qq_41206257/article/details/111464342