Vue 'computed' 选项
示例
在 computed 选项中使用计算属性来显示正确的按钮文本。
export default {
data() {
return {
msg: 'Hello World!',
showMsg: false
};
},
computed: {
btnText() {
if( this.showMsg ) {
return 'Hide'
}
else {
return 'Show'
}
}
}
};
定义和用法
computed 选项是一个对象，包含在 Vue 实例上声明的所有计算属性。
计算属性通常是只读的（请参阅上面的示例），但也可以将计算属性定义为包含 get 和 set 函数的对象，这意味着计算属性也可以被写入。
注意： 声明计算属性时应避免使用箭头函数，因为通过 this 关键字无法从函数内部访问 Vue 实例。
相关页面
Vue 教程：Vue Computed Properties
Vue 教程： Vue v-on 指令
