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之你不知道的props传参所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。