Vue computed,watch,filter,methods的区别

一、computed 计算属性：

• 1.它的变化依赖于参与计算它的属性的变化而变化（computed是可监听多个属性的），
• 2.是有缓存
• 3.computed属性不能传入参数
• 4.必须要有返回值
• 5.computed属性多次使用，在依赖属性不变化的情况下，只会被调用一次
• 6.computed属性里面不能做异步操作
• 7.computed属性是首次就会触发的
  二、methods属性：
• 1.是方法，它是没有缓存的
• 2.它多次使用，则每次都会被调用执行
  三、watch:
• 1.是用于监听模型（数据）的变化
• 2.它的参数是当前的值和改变之前的值，它没有返回值
• 3.它里面可以做异步操作。它的变化是依赖于它所监听的目标的变化，在不指定deep属性的情况下，它的变化仅依赖于它所监听的目标的变化，而不管内容参与的其他模型（数据）的变化。
• 4.watch首次是不会触发的，要首次触发，需要指定immediate属性。
  四、filter管道：
• 1.它会将管道前面的第一个参数作为过滤器的第一个参数
• 2.多次使用，多次都会触发执行。
  进而延伸问题：computed的缓存是怎么实现的？