Aber manchmal möchten wir einen Wert an eine dynamische Eigenschaft der Vue-Instanz binden. In diesem Fall können wir v-bind verwenden, um dies zu erreichen, und der Wert dieser Eigenschaft muss kein String sein.
Fragen:
1. Erklären Sie den obigen Absatz im Detail
2. Kombinieren Sie die folgenden Codes, um eine vollständige Demo zu schreiben
<input
type="checkbox"
v-model="toggle"
v-bind:true-value="a"
v-bind:false-value="b"
>
// 当选中时
vm.toggle === vm.a
// 当没有选中时
vm.toggle === vm.b
<input type="radio" v-model="pick" v-bind:value="a">
// 当选中时
vm.pick === vm.a
<select v-model="selected">
<!-- 内联对象字面量 -->
<option v-bind:value="{ number: 123 }">123</option>
</select>
// 当选中时
typeof vm.selected // -> 'object'
vm.selected.number // -> 123
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
说的是 radio, checkbox 或 select options 的取值，可以是静态的字符串，也可以是实例数据、计算属性之类的实例属性。
其实后面的示例已经给得很详细了：
<input type="radio" v-model="picked" value="a">当用户点选该 radio 时， vm.picked 是字符串 "a"，而<input type="radio" v-model="pick" v-bind:value="a">，当用户选中时，vm.pick 是 vm.a 这个实例属性。选择列表的示例也很好理解。
其实你自己把代码敲一遍运行一下，差不多就能理解了，不过敲代码的时候，可能会有一些错误提示（如没有 a 实例数据的话，会提示绑定的数据没有声明，这时候在 data 里添加一个 a 就可以了），Vue 对中文学习者不太友好的地方在于，其控制台中的错误提示都是英文的，有些害怕英文的童鞋可能就会望而却步。