美文网首页
vue组件父传子、子传父、兄弟组件之间传值

vue组件父传子、子传父、兄弟组件之间传值

作者: 风的记忆乀 | 来源:发表于2018-10-31 20:27 被阅读0次

    一、父传子

    1、在父组件中传入子组件child3

    2、传入时,使用v-bind指令绑定2个属性parameValue和parameValue2

    2、在子组件child3中使用props接收(接收一个数组,数组中分别为父组件传递过来的属性parameValue和parameValue2,类型为字符串,也可以接收一个对象,键为传递过来的属性,值为字符串String),

    3、将传递过来的属性在DOM中以变量的形式渲染

    二、子传父

    子传父需要事件触发

    1、在子组件child4中,在方法中使用$emit函数传递,第一个参数为监听的事件,第二个参数为要传递的值

    2、在父组件child4中,使用传递的事件进行监听,监听到后调用函数fn

    3、函数接收一个参数,这个参数就是子组件child4传递的参数

    相关文章

      网友评论

          本文标题:vue组件父传子、子传父、兄弟组件之间传值

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