3/12 computed、watch、methods的区别是什么？

前面的话

vue每日一问来喽！！！ 先思考两分钟，再看解答。

解析

• computed： 计算属性，一般依赖其他属性值时，我们使用计算属性，并且设置return将其返回。它的特点是可以缓存，只有它依赖的属性值发生变化，它才会重新取值。更适用于复杂的逻辑操作。（一个数据受多个数据影响）

  应用场景： 简化{{}}里的计算。

• watch： 更多的是观察作用，每当监听的数据发生变化时，就会执行相应的函数，没有缓存，每次都要重新加载。更适用于数据变化响应时，要执行异步操作，或高性能消耗的操作。（一个数据变化影响其他数据）

  应用场景： 监听props，$emit或本组件的值执行异步操作

• methods: 是普通方法，methods不处理数据逻辑关系，每次需要重新加载，无缓存性。