vue 子标签不继承父标签

引用\[1\]:在Vue中，子组件默认不会继承父组件的属性和方法。子组件只能通过props属性来接收父组件传递的数据。在父组件中，可以通过v-bind指令将数据传递给子组件的props属性。例如，在父组件中定义一个名为msg的属性，并将其传递给子组件的famsg属性。这样子组件就可以通过props来接收父组件传递的数据。\[1\]

引用\[2\]:另外，如果你想在子组件中调用父组件的方法，可以使用$emit方法来触发父组件中的事件。在父组件中，可以通过@事件名的方式来监听子组件触发的事件，并在对应的方法中进行处理。在子组件中，可以使用$emit方法来触发父组件中的事件，并传递参数。\[2\]

引用\[3\]:如果你想在非父子组件之间进行数据传递，可以借助共有顶级组件。在Vue组件构成结构中，无论多复杂，都必须基于Vue.createApp()开始项目构成。因此，在同一个构成结构中，组件间必然存在一个共同的上层组件。可以通过这个共有的上层组件，使用父=>子、子=>父的数据传递技术，进行层层数据传递。\[3\]

综上所述，Vue子标签不会继承父标签的属性和方法。如果你想在子组件中使用父组件的数据，可以通过props属性来接收父组件传递的数据。如果你想在子组件中调用父组件的方法，可以使用$emit方法来触发父组件中的事件。如果你需要在非父子组件之间进行数据传递，可以借助共有顶级组件来实现。
#### 引用[.reference_title]
- *1* [vue组件通信---子传父(props方式)](https://blog.csdn.net/zyy_wx/article/details/127032161)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue子组件向父组件数据传递，非父子组件数据传递，单向数据流&组件双向数据共享](https://blog.csdn.net/m0_62168050/article/details/126939440)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]