• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

Vue – props配置

开发技术 开发技术 4小时前 2次浏览

props属性

作用:让组件接收外部传过来的数据。
传递数据方式:在组件标签上加入对应属性名与值。

//age属性传入的是字符串
<Demo name="hzc" age="20"><Demo>
//动态绑定后age传入的是Number类型的值
<Demo name="hzc" :age="20"><Demo>

接收数据方式:

方式一:
  props:['name','age']
方式二:
  props:{
    name:String,
    age:Number
  }
方式三
  props:{
    name:{
      type:String,
      required:true //是否必须传值
    },
    age:{
      type:Number,
      default:10  //默认值
    }
  }

注意:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警报。


程序员灯塔
转载请注明原文链接:Vue – props配置
喜欢 (0)