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