【vue面试题】计算属性computed和方法methods的区别？

计算属性和方法的区别？

• 计算属性其实是包含getter和setter两个方法，当获取计算属性的时候，其实是调用getter方法，vue会收集计算属性中的依赖，然后将计算属性返回的结果保存在缓存当中，当依赖数据发生变化时才会重新计算。
• 方法没有缓存，每一次页面重新渲染，对应的方法都会重新执行一次，但是有时候我们并不需要该方法执行，因为改动的数据和这个函数没有任何关系，如果这个函数内的逻辑很复杂，那么对于性能来讲，也是一种消耗。
• 计算属性的getter和setter参数固定，getter没有参数，setter只有一个参数。而方法的参数没有限制。

由于有以上的这些区别，因此计算属性通常是根据已有数据得到其他数据，并在得到数据的过程中最好不要使用异步、当前时间、随机数等操作，因为计算属性只执行一次就被放到缓存里面了,之后拿到的数据都是缓存

• 还有一点就是计算属性含义上是一个数据，可以读取也可以赋值；方法含义上是一个操作，用于处理一些事情。