vue props 别名
时间: 2023-09-04 13:17:16 浏览: 170
基于Vue3+TypeScrip的后台管理平台源码.zip
5星 · 资源好评率100%
在Vue中,可以使用props别名来指定props的不同名称。这对于在父组件中使用不同的命名规则、或者在模板中使用不同的名称是很有用的。使用props别名可以提高代码的可读性和可维护性。在Vue中,可以通过在props的定义中使用`:`来指定别名,例如`props: { myMessage: 'message' }`,这样在父组件中使用`my-message`时,实际上会传递给子组件的是`message`属性。另外,在模板中使用短横线形式的字符串形式的模板中没有这个限制,可以直接使用短横线分隔式命名的props,例如`<child my-message="hello!"></child>`。所以,Vue中props的别名可以在props的定义中通过`:`来指定,也可以在模板中直接使用短横线分隔式命名的props。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [关于Vue中props的详解](https://blog.csdn.net/jingtian678/article/details/81160995)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [props中属性的命名规则](https://blog.csdn.net/ab_er/article/details/126627487)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文