假设我们想要一个表单来在购物清单中创建项目，并且我们想要标记新项目是否重要。 我们可以在选中复选框时添加"true"或"false"反馈，就像我们在之前的示例中所做的那样:
输入元素是动态的，以便文本反映状态。
{{ chbxVal }} data() { return { chbxVal: false } } »但是，如果您问某人某件事是否重要，他们很可能会回答"yes"或"no"，而不是"true"或"false"。 因此，为了使我们的表单更适合正常语言（更直观），我们应该在复选框上提供"yes"或"no"作为反馈，而不是"true"或"false"。
猜猜看，计算属性是帮助我们实现这一目标的完美工具。
通过计算属性"isImportant"，我们现在可以在复选框打开和关闭时自定义向用户提供的文本反馈。
{{ isImportant }} data() { return { chbxVal: false } }, computed: { isImportant() { if(this.chbxVal){ return 'yes' } else { return 'no' } } »Computed 计算属性和方法都写成函数，但它们是不同的:
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习
