vue3报错：Uncaught TypeError: ‘set‘ on proxy: trap returned falsish for property ，2022/6/21am

 报错原因分析：源代码

<template>
   <div class="ordersDialogContant">
      <!-- 弹框 -->
       <el-dialog
          v-model="dialogVisibled"   使用报错地方
          title="Shipping To:"
          width="35%"
          @close="handleClose"
        >
          <!-- 表单 -->
         

        </el-dialog>
   </div>
</template>

<script lang="ts">
import { defineComponent, toRefs, reactive, computed, ref } from 'vue'
import { useStore } from 'vuex'

export default defineComponent({
  name: 'ordersDialogContant',
  props: { ShowdialogVisible: Boolean },
  setup (props, ctx) {
    const Store = useStore()
    
    const data = reactive({     
      dialogVisibled: computed(() => {     封装到了date数据中
        return props.ShowdialogVisible
      })

    })

    return {
      ...toRefs(data)
    }
  }

})
</script>

报错原因分析：vue3一些需要单独使用有特殊意义的字段需要单独定义

<template>
   <div class="ordersDialogContant">
      <!-- 弹框 -->
       <el-dialog
          v-model="dialogVisibled"
          title="Shipping To:"
          width="35%"
          @close="handleClose"
        >
          <!-- 表单 -->
          

        </el-dialog>
   </div>
</template>

<script lang="ts">
import { defineComponent, toRefs, reactive, computed, ref } from 'vue'
import { useStore } from 'vuex'

export default defineComponent({
  name: 'ordersDialogContant',
  props: { ShowdialogVisible: Boolean },
  setup (props, ctx) {
    const Store = useStore()
    
    const dialogVisibled = computed(() => {  注意此时需要单独定义，不可封装在data中
      return props.ShowdialogVisible
    })
    const data = reactive({
      

    })
   
    return {
      ...toRefs(data),
       dialogVisibled  单独定义后记得导出

    }
  }

})
</script>