Methods watch computed区别是什么?

methods（方法）：

• methods 选项包含了一组自定义方法，这些方法可以在Vue实例中被调用。
• 当需要执行某些操作或处理事件时，通常使用 methods。
• methods 中的方法是按需调用的，不会自动触发，需要手动调用。
• 使用 methods 的情况是处理具有副作用的操作，例如点击按钮时触发的事件、表单提交等。
• methods 不会进行数据侦听或缓存，每次调用方法都会执行其中的代码。

watch（侦听器）：

• watch 选项允许你观察一个或多个数据属性，并在它们发生变化时执行自定义的回调函数。
• 适用于需要监听特定数据变化并采取相应操作的情况，例如数据验证、异步操作等。
• watch 中的回调函数在被监视的数据属性发生变化时自动触发，你可以获取新值和旧值，以便执行相关逻辑。
• watch 通常用于监视数据变化后进行异步操作或处理复杂逻辑。

computed（计算属性）：

• computed 选项用于声明计算属性，这些属性的值是根据其他数据属性计算得出的，并且具有缓存机制。
• 当依赖的数据发生变化时，computed 属性会自动重新计算，并返回最新的结果。
• computed 适用于派生数据，它们可以将复杂的计算逻辑封装为属性，使模板中使用时更加简洁。
• computed 的计算结果会被缓存，只有依赖的数据发生变化时才会重新计算，这有助于提高性能。

总结：

• methods 主要用于触发事件、执行操作，需要手动调用。
• watch 主要用于监视数据变化，并在数据变化时执行自定义的回调函数。
• computed 主要用于派生数据属性，它们自动计算并缓存结果，当依赖数据变化时自动更新。
• 选择使用哪种方式取决于你的需求，通常情况下，computed 更适合派生数据，而 methods 和 watch 适用于处理事件和具有副作用的操作。