computed 中的属性名和 data 中的属性名可以相同吗？（精选-持续更新中---）

最新推荐文章于 2024-04-20 23:00:55 发布

标题只用h1

最新推荐文章于 2024-04-20 23:00:55 发布

阅读量1.1k

点赞数 4

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_58089129/article/details/121172190

版权

在Vue应用中，computed、data和props的属性名不能同名，因为它们都会挂载到vm实例上。当data属性变化时，computed属性会根据依赖更新。理解这一机制对于避免逻辑错误和优化Vue性能至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

答案是：不可以同名

因为不管是 computed 属性名还是 data 数据名还是 props 数据名都会被挂载在 vm 实例上，因此这三个都不能同名。

注意：computed中的属性和data中的属性名字不能相同，一个属性要么在data里；要么在computed里，computed里的属性要跟data中的配合使用，当data属性发生变化时才会调用get方法更新reversedMessage的值，否则get方法即使返回一个随机数，reversedMessage的值也不会变。