今天在做泛站群程序中发现vue中计算属性和监听属性区别，分享给大家

xiao9469 · 发表于 2023-4-8 14:15:31

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

今天在做泛站群程序中发现vue中计算属性和监听属性区别，分享给大家
什么是计算属性？
在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能
多次使用的
情况下，尽量采取计算属性的方式。
好处： ①使得数据处理结构清晰；
②依赖于数据，数据更新，处理结果自动更新；
③计算属性内部 this 指向 vm 实例；
④在 template 调用时，直接写计算属性名即可；
⑤常用的是 getter 方法，获取数据，也可以使用 set 方法改变数据；
⑥相较于 methods，不管依赖的数据变不变，methods 都会重新计算，但是依赖数据不
变的时候
computed 从缓存中获取，不会重新计算
区别：
1.一个是侦听属性，一个是计算属性
2.一个是为了应对复杂的逻辑计算，一个是对数据的变化作出反应
3.一个是只有当缓存改变时才执行，一个是只要从新渲染就会执行
4.一个有缓存，一个没有缓存
watch 属性监听是一个对象，键是需要观察的属性，值是对应回调函数，主要用来监听某
些特定数据
的变化，从而进行某些具体的业务逻辑操作,监听属性的变化，需要在数据变化时执行异步
或开销较大
的操作时使用
computed 计算属性属性的结果会被缓存，当computed中的函数所依赖的属性没有发生
改变的时候，那么调用当前函数的时候结果会从缓存中读取。除非依赖的响应式属性变化时才会重新计
算，主要当
做属性来使用 computed中的函数必须用return返回最终的结果 computed更高效，优先
使用。data 不改
变，computed 不更新。
本文原出处https://www.wenggong.com/thread-152450-1-1.html，喜欢的朋友可以收藏，持续跟新中...

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！