Vue中Props的使用

配置项props:

场景:父组件向子组件传递值的时候

功能:让组件接收外部传过来的数据

使用方式:

(1)传递数据

  <Demo name='xxx'>

  (2)接收数据

第一种方式(只接收):

 props:['name']

第二种方式(限制内型):

props:{

name:{

 type:String, //类型

required:true, //必要性

default:'xxx' //默认值

}

}

注意:props是只读,Vue底层会监测你对props的修改,就会发出警告。

posted @ 2022-03-04 12:41  猫狗双全的阿徐  阅读(465)  评论(0)    收藏  举报