methods computed区别

"methods" 和 "computed" 都是用于Vue.js中计算属性的概念，但是它们的实现方式和用途有所不同。

1. Methods（方法）

Methods 是在Vue.js中定义的一个选项，用于定义一组可复用的方法，这些方法可以被Vue.js实例中的任何组件调用。在方法中，您可以访问Vue.js实例的属性和方法，也可以传递参数。

例如，如果您想要在Vue.js应用程序中添加一个方法来计算两个数字的和，您可以这样定义：

methods: {
  calculateSum(a, b) {
    return a + b
  }
}

然后，在Vue.js模板中，您可以使用类似以下方式调用该方法：

<div>{{ calculateSum(2, 3) }}</div>

2. Computed（计算属性）

Computed 是Vue.js中的一个计算属性，它用于根据Vue.js实例中的数据属性计算派生值。计算属性是基于它们所依赖的数据属性的值进行缓存的，只有在依赖的数据属性更改时才会重新计算。

例如，如果您想要在Vue.js应用程序中添加一个计算属性来计算两个数字的和，您可以这样定义：

computed: {
  sum() {
    return this.a + this.b
  }
}

然后，在Vue.js模板中，您可以使用类似以下方式访问该计算属性：

<div>{{ sum }}</div>

总的来说，Methods 主要用于执行一些操作或者事件的处理，而 Computed 则主要用于计算值。