关于vue中v-model绑定radio表单元素的说明

在学习中，老师讲在v-model中，绑定的是radio的checked属性，起初看了例子后很不理解，于是开始寻找答案

老师所说的绑定关系

老师给的绑定代码，怎么看来，都不是实例的gender变量绑定radio的checked属性，更像是value属性

最终查阅资料得出结论

v-model 绑定的属性

• value 属性: 每个 radio 按钮都有一个 value 属性，这个属性的值是用于标识该选项的。在 v-model 绑定的情况下，value 属性的值将会与数据模型中的值进行比较。当用户选择某个 radio 按钮时，它的 value 会被绑定到 Vue 实例的数据模型中。

工作机制

数据模型到视图: Vue 实例中的数据模型会与选中的 radio 按钮的 value 属性进行匹配。如果数据模型中的值与某个 radio 按钮的 value 属性相等，那么这个 radio 按钮会被选中（即 checked）。

视图到数据模型: 当用户选择某个 radio 按钮时，Vue 会自动将该按钮的 value 更新到数据模型中。这种双向绑定确保了数据模型和视图的一致性。

人话讲

vue会判断v-model实例值与哪个radio的value值相等，（上面代码是判断gender==value）相等则将该radio的checked值更改为true