继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

computed property was assigned to but it has no setter

UYOU
关注TA
已关注
手记 295
粉丝 86
获赞 458
计算属性被赋值,但没有设置器:深入理解 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 会在初始化时计算出属性

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP