关于使用typescript的饿了么UI一个赋值小问题

Question

饿了么前端双向绑定的值是这个
<el-radio-group v-model="detailValue.xx">
<el-radio key="1" label="1">xx</el-radio>
<el-radio key="2" label="2">xx</el-radio>
</el-radio-group>
ts这有两种给他初始化值的方法
第一种是直接在定义里面赋值
this.detailValue = {xx:'1'} as any;
第二种是先定义再赋值
this.detailValue = {} as any;
this.detailValue.xx= "1";
问题是第二种赋值方式会导致radio无法被再次选中，想问一下这两种赋值方式有啥区别么，为啥第二种赋值会导致无法被选中那

Answer 1

这跟 TS 没有关系，是 Vue2 本身的原因。

Vue2 双向绑定原理是遍历 defineProperty，所以需要提前声明，你没声明的咋能遍历出来？

文档上说的很明白了：https://cn.vuejs.org/v2/guide...