The computed property "msg" is already defined in data.

heshuaicsdn

于 2019-03-04 11:28:30 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

文章标签： vue报错解决 vue 使用vue 学习使用vue

本文链接：https://blog.youkuaiyun.com/heshuaicsdn/article/details/88106532

本文详细解析了在Vue框架中，当在data和computed中定义相同名称的属性时，如何避免引发的错误。通过一个具体示例，阐述了删除data中同名属性的解决办法。

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

在使用vue中的computed时，在data里定义了相同的msg名字，就会出现这种情况。
解决方法是：把data里的同名数据删除即可。

代码：

data(){
        return {
            city:''//这里也有一个city
        }
    },
   computed:{
       city : function(){ //这里有个city
           return this.$store.state.city
       }
   }

导致错误：
The computed property “city” is already defined in data.