vue之你不知道的props传参

1. 大小写问题

  // 1. 子组件
 props: ['postTitle']
  // 2. 父组件
  <blog-post post-title="hello!"></blog-post>

在子组件中使用的是驼峰命名， 父组件中调用子组件props传参可以变成 - 类似于在使用component注册组件名aB, vue文件中template模板中使用<a-b></a-b>类似

prop属性

几大注意点：

1. require 和 default 不可共存， 否则会有警告
2. validator 做深度过滤操作，以下的trigger为element-ui中弹出框源码。 传进来的值只能是数组中四个之一

props: {
    trigger: {
      type: String,
      default: 'click',
      validator: value => ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1
    },
    age: {
    type: Number,
    required: true
    },
    disabled: Boolean,
    reference: {},
    popperClass: String,

    arrowOffset: {
      type: Number,
      default: 0
    }
  },

最后

以上就是彩色时光最近收集整理的关于vue之你不知道的props传参的全部内容，更多相关vue之你不知道内容请搜索靠谱客的其他文章。