watch、computed、methods三者区别

 一、watch、computed、methods三者区别

• watch：监听一个数据，从而影响多个数据。如果要在数据变化的同时进行异步操作或者是比较大的开销时，推荐watch。
• computed：计算一个属性，这个属性受多个数据影响。当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。有缓存，如果计算的值没有发生改变，是会走缓存的，且一定要return。
• methods：用来存放所有需要实现的方法，每次触发重新渲染之后，调用方法会再次执行函数

二、watch、computed、methods执行顺序

• 页面初始化时： 会执行一次computed，watch初始化时不会执行，methods只有调用的时候才会执行。

• 渲染完成后，触发methods： methods -> watch -> computed

一个上传文件组件：