配置项props

配置项 props

功能：让组件接受外部传过来的数据。

1. 传递数据：

   • <Demo name="码农权"/>

2. 接受数据：

   • 第一种方式（只接受）：

     • props: ['name']
       

   • 第二种方式（限制类型）

     • props: { name: String }
       

   • 第三种方式（限制类型、限制必要性、指定默认值）

     • props: {
           type: String,
           required: true, // 限制必要性
           //default: '码农权' // 制定默认值
       }
       

总结：props是只读的，Vue底层会检测你对props的修改，如果进行就该了，就会触发警告，若业务需求确实需要修改数据，那么就复制一份props的内容到data中一份，然后去改data中的数据。