zoukankan      html  css  js  c++  java
  • Vue传值方式

    父传子

    1.1父组件准备数据

     

     1.2给子组件注册定义属性

     

     1.3子组件用props接收数据

     注意:这里我监听了 父组件的值

    子传父

    2.1:子组件准备数据

    this.cstcde和thi.danme已经在子组件data中定义好了

    2.2:子组件需要触发自定义事件,触发事件传递参数

    confirm就是定义的事件,然后使用this.$emit传递参数

    2.3:父组件接收数据,父组件需要给子组件注册一个自定义事件.父组件提供方法

     这里给子组件注册了自定义的事件 @open= "handleMerchan"

    特别提醒!!! 在这里@open一定要和this.$emit中的第一个参数要一样!!!!

    本人踩过坑

    2.4:父组件可以通过提供的方法获取数据 

     父组件给子组件注册的自定义事件可以接收子组件传递的数据

     cstcde,danme就是子组件传给父组件的值!

    非父子

    路由传值

  • 相关阅读:
    shell_02
    shell_practise
    Shell_01
    PythonDay_03
    PythonDay_02
    PythonDay_01
    面试题32:从上到下打印二叉树
    面试题 31 : 栈的压入、弹出序列
    面试题20 : 表示数值的字符串
    面试题29:顺时针打印矩阵
  • 原文地址:https://www.cnblogs.com/97Coding/p/13517103.html
Copyright © 2011-2022 走看看