vue组件通信

淡淡的烟草味﹌ 2022-11-04 05:55 274阅读 0赞

### 文章目录 ###

*   *   *  父组件给子组件传递数据
         *  关于props
         *  子组件给父组件传递数据
         *  在组件中使用 v-model

### 父组件给子组件传递数据 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70]

### 关于props ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70 1]

### 子组件给父组件传递数据 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70 2]

### 在组件中使用 v-model ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70 3]

作者：苦瓜\_6  
链接：[https://www.jianshu.com/p/bbc7c82b7bdd][https_www.jianshu.com_p_bbc7c82b7bdd]  
来源：简书  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70]: /images/20221023/557fa7a3f27447449bc29bdccf52cf81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70 1]: /images/20221023/b9051c0e07864286a99ba05edb8f25df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70 2]: /images/20221023/75a0221d1c8040388d4650b992b9e186.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI1NzQxMDcx_size_16_color_FFFFFF_t_70 3]: /images/20221023/fb60e8a67c2d4d29a77f9e3217e45e24.png
[https_www.jianshu.com_p_bbc7c82b7bdd]: https://www.jianshu.com/p/bbc7c82b7bdd

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE组件通信bus

一、语法：用于组件通信，这两个组件可以是父子关系、兄弟关系，也可以没有任何关系。bus使用$emit， $on， $off 分别来分发、监听、取消监听事件。使用方法：

痛定思痛。/ 2023年01月22日 11:52/ 0 赞/ 191 阅读

相关 Vue组件通信 (六)

目录 1. 父向子组件通信 1.1 props 1.2 ref 1.3 children 2. 子向父组件通信

- 日理万妓/ 2022年12月13日 01:37/ 0 赞/ 214 阅读

相关 vue 组件通信

1.父子组件通信父传子（1）通过在父组件v-model绑定数据，在子组件进行用props进行数据的接收父组件 <template>

╰半橙微兮°/ 2022年11月20日 08:18/ 0 赞/ 265 阅读

相关 vue组件通信

文章目录父组件给子组件传递数据关于props 子组件给父组件传递数据在组件中使用

淡淡的烟草味﹌/ 2022年11月04日 05:55/ 0 赞/ 275 阅读

相关 Vue组件间的通信

下面的总结都将按照这个模型图去设计 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

逃离我推掉我的手/ 2022年09月05日 12:38/ 0 赞/ 242 阅读

相关 Vue组件间通信

什么是Vue组件？ [组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，V

偏执的太偏执、/ 2022年06月07日 11:24/ 0 赞/ 291 阅读

相关 Vue 组件通信

父组件 -> 子组件 props　 <my-component :date="date"></my-component> 注意：如果子组件定义props名称使用了

小灰灰/ 2022年01月07日 18:29/ 0 赞/ 369 阅读

相关 vue组件之间的通信

一、props/$emit 缺点：不能兄弟之间通信父组价通过props向子组件传递消息。父组件 <template> <div cla

柔情只为你懂/ 2021年11月24日 00:36/ 0 赞/ 381 阅读

相关 vue组件通信

对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的常用方式的总结。 props和$emit(常用) $attrs和$listeners

Myth丶恋晨/ 2021年09月02日 03:34/ 0 赞/ 601 阅读

相关 vue组件之间的通信

作为一个vue初学者不得不了解的就是组件间的数据通信(暂且不谈vuex)。通信方式根据组件之间的关系有不同之处。组件关系有下面三种：父-->子、子-->父、非父子父-->子

小咪咪/ 2021年07月26日 19:52/ 0 赞/ 549 阅读