mehtods、computed、watch有什么区别

1、使用场景

        methods一般用于封装一些较为复杂的逻辑（同步、异步）

        computed一般用于封装一些简单的同步逻辑

        watch一般用于当需要在数据发生变化时执行异步或者开销比较大的操作

2、区别

        methods VS computed

        通过实例会发现，如果再一次渲染中，有多个地方使用了用一个methods或computed属性，methods会被执行多次，computed的回调函数则只会被执行一次。

        在源码里，在一次渲染中，多次访问computedProperty，只会在第一次执行computed属性的回调函数，后续其他访问，则直接使用第一次执行的结果（watcher.value），而这一期的实现原理是通过watcher.dirty属性控制实现的，而methods，每次访问则是使用简答的方法调用this.xxMethods

        computed VS watch

        通过源码可以知道 computed和watch的本质是一样的，内部都是wather来实现的，没有啥区别，主要区别是就两点：1、使用场景上的区别2、computed是懒执行的，不可更改

使用场景上的区别主要是已下的区别：

        computed是计算属性，watch是监听一个值的变化，然后执行对应的回调

        computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调

        是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。

        computed默认第一次加载的时候就开始监听；watch默认第一次加载不做监听，如果需要第一次加载做监听，添加immediate属性，设置为true（immediate:true）

        methods VS watch

        methods和watch之间没有什么可比的，完全是两个东西，不过在使用上可以把watch中一些逻辑抽象到methods上