vue props 接受组件数据三种方式

最新推荐文章于 2024-06-22 22:30:00 发布

予你@。

最新推荐文章于 2024-06-22 22:30:00 发布

阅读量2.3k

点赞数 1

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

原文链接：https://blog.csdn.net/weixin_51237264/article/details/124673959

版权

vue 专栏收录该内容

64 篇文章 2 订阅

订阅专栏

一、数组方式

props: ['Parentvalue1','Parentvalue2','Parentvalue3']

二、对象方式

props: {
    // 属性值限定类型
    parentValue1: Object,
    parentValue2: String,
    parentValue3: Array
  }

对象方式，可以声明 props属性的类型

三、props属性中的对象方式

props: {
    parentValue1: {
      // 类型为字符串
      type: String,
      // （不传值的时候）默认parentValue1的值为15
      default:15
    },
    parentValue2: {
      // 类型为数组
      type: Array,
      // 必传属性
      required:true
    },
    parentValue3: {
      // 类型为对象
      type: Object
    }
  }

————————————————
版权声明：本文为CSDN博主「weixin_51237264」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_51237264/article/details/124673959