为了账号安全,请及时绑定邮箱和手机立即绑定

computed property was assigned to but it has no setter

标签:
杂七杂八
计算属性被赋值,但没有设置器:深入理解 Vue.js 的 Computed Properties

Vue.js 中 computed properties 是 Vue实例中的一个重要功能,它允许你在 Vue 组件中创建出基于其他响应式依赖的属性。这些属性会在初始化时计算出来,并且会自动更新它们的值。但是,当我们将一个计算属性赋值时,这个属性并没有设置器,这可能会让我们感到困惑。本文将会深入探讨 computed properties 的原理和使用方法,以及为什么它们没有设置器。

计算属性的概念

在 Vue 中,响应式系统是核心之一,它使得 Vue 能够跟踪数据变化并对其进行更新。计算属性是基于 Vue 实例中的响应式依赖项来创建的,这些依赖项通常是一些已经定义好的响应式对象或者由其他计算属性得出的属性。计算属性的值是在初始化时计算出来的,并且一旦计算完成,它的值不会再改变。

例如,假设我们有一个名为 message 的计算属性,它依赖于一个名为 text 的响应式依赖项。那么,当我们在初始化 Vue 实例时,message 的值会被计算出来,并且一旦计算完成,它的值不会再改变。如果我们将 message 的值修改一下,Vue 会检测到这个变化,并且自动更新它的值为新的值。

为什么计算属性没有设置器?

计算属性之所以没有设置器,是因为它们是基于响应式依赖项计算出来的,而不是通过对象字面量来定义的。在 Vue 中,对象的属性被认为是一个 getter,而计算属性正是一个 getter。当你将一个计算属性赋值时,实际上你是在给这个属性赋一个 getter。这个 getter 会在初始化时计算出属性

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消