美文网首页
vue3的组件通信

vue3的组件通信

作者: 文菇凉666 | 来源:发表于2022-02-28 10:00 被阅读0次

父传子

    1、在父组件的子组件标签自定义一个属性,挂载要传输的变量

     2、在子组件中通过props来接受数据,如果数据只是在视图中展示,那么直接使用就是,如果数据需要参加逻辑运算那么在setup函数中设置形参props,用props.自定义属性名来调用数据即可

    父组件:

子组件

子传父

1、在父组件的子组件标签上,自定义事件挂载要调用的方法

2、在子组件的setup函数中解构出emit  ,通过emit触发父组件的事件,数据是以参数的形式进行传递的

父组件

子组件:

相关文章

  • Vue3 的 7 种和 Vue2 的 12 种组件通信

    Vue2.x组件通信12种方式写在后面了,先来 Vue3 的 Vue3 组件通信方式 props $emit ex...

  • 7个 Vue3 中的组件通信方式

    原文链接 : 7个 Vue3 中的组件通信方式[https://tzy1997.com/articles/vu98...

  • provide inject在vue2和vue3中的使用

    vue2父组件 vue2子组件 vue3父组件 vue3子组件 vue3官方详细使用provide inject地...

  • Vue3学习与实战 · 组件通信

    在使用Vue3构建中大型web应用时, 组件通信 肯定是不可避免的。本文就具体介绍一下使用Vue3的 props、...

  • vue3 常用watch及defineExpose

    vue3 watch监听的两张方法 vue3 父组件调用子组件实例

  • vue中的组件通信

    一、组件通信(组件传值) 1.1父子组件通信 1.2子父组件通信 1.3非父子组件通信(兄弟组件通信)

  • 组件通信

    组件通信分为几种: 父组件给子组件通信 子组件给父组件通信 兄弟组件通信 1.父组件给子组件通信 法一...

  • react之组件通信

    需要组件之进行通信的几种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 ...

  • React组件通信的几种方式

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

  • React中组件通信的几种方式

    需要组件之进行通信的几种情况 父组件向子组件通信 子组件向父组件通信 跨级组件通信 没有嵌套关系组件之间的通信 1...

网友评论

      本文标题:vue3的组件通信

      本文链接:https://www.haomeiwen.com/subject/pljdrrtx.html