zoukankan      html  css  js  c++  java
  • vue组件之间数据的传递

    父子组件通信

    父组件向子组件传递数据:

    1、通过子组件的 props 选项声明它期待获得的数据,用以接收父组件传过来的值。

    2、在子组件标签中使用子组件props中创建的属性

    3、父组件中注册子组件

    4、把需要传给子组件的值赋给在子组件中声明的属性。

    子组件向父组件传递数据:

    1、在子组件中以某种方式使用$emit来触发一个自定义事件,并传递参数(1个或者多个参数),参数将作为实参传递给父元素中监听事件的回调函数。

    2、父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。不能用 $on 侦听子组件释放的事件,而必须在模板里直接用 v-on 绑定。

    兄弟组件通信

    在简单的场景下,可以使用一个空的vue实例作为中央事件总线。

    更为复杂的场景下,使用vuex。

  • 相关阅读:
    数据库创建用户SQL
    团队总结和展示
    第十三周总结
    梦断代码02
    第十二周进度博客
    团队冲刺第十五天
    团队冲刺第十四天
    团队冲刺第一阶段评价
    梦断代码01
    第十一周进度博客
  • 原文地址:https://www.cnblogs.com/happypayne/p/7643450.html
Copyright © 2011-2022 走看看