vue中computed:{}

在Vue中，computed是一种计算属性，它是一种可以对数据进行计算并返回结果的函数，和methods不同的是，computed是一个计算属性，只要依赖的数据没有变化，它就不会重新计算。

在Vue中，computed可以使用对象的形式来定义，如下所示：

new Vue({
  data: {
    message: 'Hello Vue!'
  },
  computed: {
    // 一个计算属性的 getter
    reversedMessage: function () {
      // `this` 指向 vm 实例
      return this.message.split('').reverse().join('')
    }
  }
})

在这个例子中，我们定义了一个计算属性reversedMessage，它依赖于data中的message数据，当message数据发生变化时，它会重新计算并返回结果。我们可以在模板中直接使用这个计算属性：

<div id="app">
  <p>{{ message }}</p>
  <p>{{ reversedMessage }}</p>
</div>

在模板中，我们使用{{}}插值语法来引用计算属性。在这个例子中，当message的值为"Hello Vue!"时，reversedMessage的值为"!euV olleH"。

相关问题

vue里 computed:

在Vue中，computed是一种计算属性，它可以根据已有的数据计算出新的数据。computed的值会被缓存，只有当依赖的数据发生变化时才会重新计算。下面是一个例子：

<template>
  <div>
    <p>商品价格：{{ price }}</p>
    <p>商品折扣价：{{ discountPrice }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalPrice: 100,
      discount: 0.8
    }
  },
  computed: {
    price() {
      return this.originalPrice
    },
    discountPrice() {
      return this.originalPrice * this.discount
    }
  }
}
</script>

在上面的例子中，我们定义了两个计算属性price和discountPrice，它们分别计算商品的原价和折扣价。当originalPrice或discount发生变化时，discountPrice会重新计算。

vue computed:

Vue的computed属性是用来定义计算属性的。计算属性是基于其他属性的值进行计算得到的新属性，它们会根据依赖的属性自动更新。

在Vue组件中，可以通过在computed对象中定义计算属性。每个计算属性都是一个函数，函数的返回值就是计算属性的值。这个函数可以访问组件实例的data属性和其他计算属性。

下面是一个示例：

<template>
  <div>
    <p>{{ fullName }}</p>
    <p>{{ reversedMessage }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe',
      message: 'Hello, World!'
    };
  },
  computed: {
    fullName() {
      return this.firstName + ' ' + this.lastName;
    },
    reversedMessage() {
      return this.message.split('').reverse().join('');
    }
  }
};
</script>

在上面的例子中，我们定义了两个计算属性：fullName和reversedMessage。fullName计算属性返回了firstName和lastName的拼接结果，reversedMessage计算属性返回了message字符串的反转结果。

计算属性会在其依赖的属性发生变化时自动更新，而且计算属性是基于缓存的，只有依赖的属性发生变化时才会重新计算。这样可以提高性能，避免不必要的计算。

希望以上回答能够帮到你！如果还有其他问题，请继续提问。