vue的filters、computed、methods、watch使用区别

2023-10-23 21:05:58

filters：访问不到vue 实例，适合对数据进行筛选、数据格式化。
methods：可以访问vue 实例，其他同filters。
computed：不能传参，不支持异步，只能监听现有属性，通过现有的属性计算出一个新的属性。属性依赖改变，自动调用对应的方法，并进行缓存；当改变其他数据时，computed 属性并不会重新计算，从而提升性能。
watch：监听现有属性，属性需要先声明，一旦属性发生了改变就去自动调用对应的方法。watch不会缓存数据，每次打开页面都会重新加载一次。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。