Vue3+TS报错TypeError: Cannot set properties of undefined (setting ‘0‘)

Vue3+TS

在最近使用Vue3+TS开发项目时，发现一些报错，以此记录。

场景

在script中，为一个对象中的数组属性使用push函数，报错，报错信息为TypeError: Cannot set properties of undefined (setting ‘0’)，翻译为中文为TypeError:无法设置未定义的属性(设置’0’)
这种情况只出现在操作引用类型的时候，对对象添加一个基本数据类型的属性通过。

const formInfo = ref({
  userCode: '',
  userPassword: '',
})
formInfo.arr[0] = '1'	//报错来源
formInfo.newData = '1'	//正确

解决方案

在对象中要操作的引用数据类型的属性时，要对属性进行初始化。

const formInfo = ref({
  userCode: '',
  userPassword: '',
  arr:[]
})
formInfo.arr[0] = '1'	//正确
formInfo.newData = '1'	//正确