vue通信问题

最新推荐文章于 2023-09-26 20:00:46 发布

先不要想收获，扎实

最新推荐文章于 2023-09-26 20:00:46 发布

阅读量302

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_41820930/article/details/125422369

vue 专栏收录该内容

17 篇文章

订阅专栏

本文解析了Vue中关于data中重复声明prop的问题，提供了正确的prop定义方式，并强调了类型检查的重要性。通过实例说明如何避免`title`和`params`类型的错误，以及如何为props设置默认值和函数返回值。

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

数据优先级：

props > data > methods

[Vue warn]: The data property "title" is already declared as a prop. Use prop default value instead.

解释：在子组件引入了props 接收父组件信息，data又一次重复定义了props下同名同类型数据

解决：删除data内同名同类型数据

prop定义无效

Invalid prop: type check failed for prop value

错误点：

  props: {
    ListData: {
      type: Array,
      default:[]
    },
    params:{
      type:Object,
      default:{}
      }
    }
  },

解决办法：

  props: {
    ListData: {
      type: Array,
      default:()=>{
        return []
      }
    },
    themeCode: {
      type: String,
      default: '1',
    },
    title: {
      type: String,
      default: '社区团购',
    },
    params:{
      type:Object,
      default:()=>{
        return {}
      }
    }
  },