zoukankan      html  css  js  c++  java
  • vue 中的组件通信

        vue中组件通信,一般分为三种情况,父与子,子与父,子子之间。

        一、父与子通信

             父组件将值传给子组件,一般通过props,设置默认的类型。调用的时候通过 xx=" ", 或者:XX=" " 以属性的方式传入:

            父组件:

             

            子组件:

             

             

             子组件是不可以改变props传过来的值的,如果想改变可以定义新的变量,props值只作为初始值。

          

           在父组件中,给子组件加上事件:

         

        

        需要加上 .native

       二、 子与父通信

               子与父的通信,一般是子通过$emit 触发父组件中的方法,来改变相应的值:

                父组件:

                 

                 子组件:

                 

     三、非父子间通信

         

     $root 访问到根父级的属性

    A组件

    B组件

     

             

  • 相关阅读:
    pickle示例
    Python 升级致yum 问题,pip 异常
    jdk 环境
    zookeeper
    Kafka-Monitor
    Kafka
    nxlog 日志采集
    elasticsearch 基本配置
    elasticsearch 单机多实例
    Elaticsearch 集群
  • 原文地址:https://www.cnblogs.com/leyan/p/8241695.html
Copyright © 2011-2022 走看看