Vue computed 选项

示例

使用内部的计算属性computed显示适当按钮文本的选项。

export default {
  data() {
    return {
      msg: 'Hello World!',
      showMsg: false
    };
  },
  computed: {
    btnText() {
      if( this.showMsg ) {
        return 'Hide'
      }
      else {
        return 'Show'
      }
    }
  }
};

运行示例 »

定义和用法

这个computedoption 是一个对象，具有在 Vue 实例上声明的所有计算属性。

计算属性通常是只读的（参见上面的示例），但可以将计算属性定义为具有以下两个属性的对象：get和一个set函数，这意味着计算属性也可以被写入。

笔记：声明计算属性时应避免使用箭头函数，因为无法使用以下函数从此类函数内部访问 Vue 实例this关键字。

码农教程 - 一技在手,衣食无忧!

Vue computed 选项

示例

定义和用法

相关页面