Vue中method，computed，watch的区别。

1.method：方法

只要数据变化就会重新渲染页面

2.computed:计算属性

具有缓存功能，只有当计算属性依赖的值发生变化的时候，计算属性重新计算，缓存才失效。与其依赖的值无关的数据变化时，不影响缓存的数据。

get( ) ：必须有return,return的结果为计算属性的值。 作用就是输出计算属性。

set( val ) ： 给计算属性赋值时，出发set( )函数。val是给计算属性赋的值。

不支持异步功能。

数据量大，需要缓存的时候用computed；每次确实需要重新加载，不需要缓存时用methods。

3.watch:监控属性

handler( ){ } 该回调函数可以对监控的数据进行操作。

deep:true 深度监控（监控多层数据）。

缺点是代码重复。尽量用computed计算属性来监视数据的变化，因为它本身就这个特性，用watch没有computed“自动”，手动设置使代码变复杂。