1.父组件向子组件传递数据
Box">
从这个例子中可以看出,父组件向子组件传递数据,因为每一个组件都是独立的作用域,所以要把父组件的数据在子组件中显示,要使用props定义属性来绑定父组件里面的数据才可以,如这里父组件的数据是msg1,用props定义一个属性m,来接收数据msg1;在子组件的模板里面用{{m}}的形式显示父组件的数据
父组件不仅可以向子组件传递数据,也可以传递方法,如:
这是一个子组件,引用在父组件中,其中的 :get-datas=”getCreateIssues” 接收的是一个方法,这个方法在父组件中从后台获取数据传递给子组件,在子组件中就可以展示这些数据,
在子组件中
getDatas就是从父组件中接收数据的方法,对应上面的 :get-datas=”getCreateIssues”,在子组件可以直接使用getDatas这个方法,如:
搜索
//modalData是需要向后台发送的数据定义一个confirm方法接收父组件中的方法,这里从子组件向父组件传递数据不是按照教程上的方法使用$emit,而是直接把数据作为参数传递到方法中,在父组件中这样使用:
这种方法就是从子组件向父组件传递数据,
从子组件向父组件传递方法,需要使用$dispatch,如:
在子组件中点击保存以后,这个弹出框消失,父组件中需要获取一遍最新数据,这种情况就需要把这个保存事件发送出去,让父组件知道,用法:
在父组件中使用events来接收这个事件,并执行一些动作,如:
关于子组件向父组件传递数据也可以使用教程里的方法,使用$emit
原文链接:https://www.f2er.com/vue/40974.html