Vue中computed、watch、methods区别

笔记：

• computed：1.是属性调用，且带有缓存功能。
  2. 计算属性会依赖于使用它的data属性，只要是依赖的data属性值有变动，则自定义重新调用计算属性执行一次。
  3. 计算属性的值是直接从缓存中获取，而不是重新编译执行一次，因而其性能要高一些，尤其是在data属性中的值无变化，而重复调用computed回调函数时更是如此。
  4. 计算属性的回调函数方法可以直接在页面中通过插值表达式——{{}}来获取。此时我们不需要再data数据域中再定义一个与方法名相同的属性。
• methods：1.是函数调用，不带缓存。
  2.必须要有一定的触发条件才能执行，如点击事件
• watch：1.是在监控的data属性值发生变动时，其会自动调用watch回调函数。
  2.值需要data属性重新编译执行，因而其性能方面会有所损失。
  3.方法名必须是data数据域中所存在的，否则无法使用