vue组件之间传值

 父组件向子组件传值的时候

        1.将父组件的值通过属性绑定在组建上

        2.在子组件中用props接受

        子组件向父组件传值

        1.首先写一个事件映射通过$emit() 第一个参数是一个'send:自定义名称',

        第二个参数是我们要传递的数据

        2.在父组件中就可以个接受到对应的数据了(事件要用事件绑定的方式绑定在开始标签上)

        非父子组件之间的传值

        1.首先实例化出来一个vue实例化对象这个实例化对象就是一个中转站也就是vue中所说的bus

        2. 在需要将值传递出去的组件中使用$emit()第一个参数是一个自定义名称',

        第二个参数是我们要传递的数据

        3.再要接受的组件中使用$on去接收相应的数据

        $on中的this改变了 需要用外面的this

       -->

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在 Vue 中,可以使用props向子组件传递数据。 子组件部分: 这是 header.vue 的 HTML 部分...
    相识菩提阅读 6,350评论 0 3
  • 废话不多说直接走起 环境搭建步骤: 一.父组件向子组件传值 1.创建子组件,在src/components/文件夹...
    妄自阅读 1,160评论 0 7
  • 父传子 这个只需要在父组件上定义一个数据,然后绑定到子组件上,子组件用props进行接收就好了 子传父 在子组件的...
    翔阿翔阿翔阅读 360评论 0 8
  • 父组件向子组件传值 若父组件中的值value1:'这是父组件中的值',要向子组件test传值。则在父组件中<tes...
    AR1N阅读 849评论 0 0
  • 作业:梳理一下自己现在每天的生活费是多少,负债是多少,看看你自己每天到底是怎么花钱的。可以参考记账软件来帮你梳理,...
    Connie小明同学阅读 119评论 0 0

友情链接更多精彩内容