关于新人学vue中的父子组件传递数据

总结一下,vue2.0取消了prop的双向绑定,当我们使用双向绑定控制的时候,会返回一个错误,具体忘了,大致意思就是这个对象不能回去

下面是 props,父组件传递到子组件的 实例

 这里在script第一行中先导入kid之后在页面区域直接输入<kid>即可

父组件:

 子组件:

 返回了一个true,我们本身在子组件中没定义A,返回的是一个true

接下来 就是 $emit

 首先要绑定事件,先自定义一个事件(这里是back事件),再给back事件绑定 一个方法backD,将原来的数据和从子组件传来的数据打印出来.注意:事件的绑定和值的传递都必须在引用的子组件<kid>里面使用,否则无效!!!!!!!!!

父组件对应的方法 :

子组件对应的方法 :

this.$emit("even String",value)

even String:是在父组件绑定的自定义事件,这里也就是下面的back自定义事件,传递了一个value(值)去参照下面这个图可以知道,这个value是给了backD这个方法接收,这时候回到上文的父组件对应的方法图中,可以看到 接收到的value在backD中进行了打印赋值再打印的操作(定义方法的参数:val 是形参 ,可以随便定义,但是这里自定义事件@back中规定了接收$emit的值给backD这个方法,所以val也就是接收的 value)

 父组件的C定义的false

义是

 子组件定义的true结果为:

原来的C是父组件的 C(值原本为false),现在的C是子组件传递 到父组件的C(值从原本的false改为了true)

 新人分享学习总结,也希望能帮到其他新人,欢迎大佬纠正错误,代码写的不好请勿喷,比较才开始学vue