vue的computed和方法及监听的区别

computed是用于对属性进行操作。方法可以进行任何操作。

computed只执行一次,具有记忆功能,后面用到都会从缓存里面取。而方法每次都要重新调用方法。没有计算属性高效。

computed是计算属性,是依赖其他属性计算得出的结果;watch是监听某一个值的变化执行对应的方法

computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调用对应的getter来计算;watch在每次监听的值变化时,都会执行回调。如果一个值依赖多个属性(多对一),用computed肯定是更加方便的。如果一个值变化后会引起一系列操作,或者一个值变化会引起一系列值的变化(一对多),用watch更加方便一些

watch的回调里面会传入监听属性的新旧值,通过这两个值可以做一些特定的操作;computed通常就是简单的计算

methods里面的方法不包含主动监听的能力,且相对于computed来讲没有缓存能力,每次会重新执行(在菜单切换的时候比较明显);但比较灵活,可以手动去调取

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容