Vue中的methods、watch、computed、filters到底有什么区别？

一、methods

methods中存放的是事件的回调函数，具有以下几个特点：

可以通过Vue实例访问方法，在方法中最好不要使用箭头函数，因为涉及到this指向的问题。重新渲染的时候，methods总会执行该函数。methods是函数调用，filters和computed、watch是属性调用。methods是不具有缓存性的。
二、filters

filters一般用于格式化输出的场景，比如日期格式化，filters过滤器可以进行串联调用，所以可以定义一些基础的filters，然后按需在组件内使用。filters不具有缓存性。

{{msg | fliterA | filterB}}

三、computed

computed是计算属性，会监听一个依赖属性，如果这个属性发生变化，就会更新视图，适用于计算比较消耗性能的计算场景，因为其具有缓存功能，这意味着其监听的数据如果没有发生

Vue中的methods、watch、computed、filters到底有什么区别？最先出现在Python成神之路。