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