vue2 props配置

在Vue2中，可以使用以下方式来配置props：
1. 在父组件中给子组件标签元素设置自定义属性，使用v-bind或者简写的冒号语法，例如：`:prop-name="XXX"`或者`:propName="XXX"`。这样就可以将数据传递给子组件。
2. 在子组件中通过props选项接收数据，可以使用数组语法或者对象语法。例如，如果有一个名为post的对象，可以使用以下两种写法来传递数据给子组件：
- `<BlogPost v-bind="post" />`
- `<BlogPost :id="post.id" :title="post.title" />`
3. 对于数组类型的props，可以使用箭头函数来定义默认值。例如：

   props: {
     demoArr: { 
       type: Array, 
       default: () => [], 
     },
   }

4. 对于函数类型的props，可以使用箭头函数来定义默认值。例如：

   props: {
     demoFun: { 
       type: Function, 
       default: () => {}, 
     },
   }

请注意，以上是Vue2中正确的props配置方式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [【Vue2】组件通信 之 props](https://blog.csdn.net/Superman_H/article/details/125819343)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue子组件内的props对象参数配置](https://blog.csdn.net/weixin_58099903/article/details/126428326)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]