欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue.js组件之间的通信

程序员文章站 2022-04-12 19:49:52
父组件传值给子组件: 第一步:在data()里边添加值,我这里是调用接口的形式; 第二步:将值绑定在注册好的组件上 第三步:在子组件里接受传递的值 然后就可以在html里用传过来的值了。 子组件传值给父组件 第一步:用$emit()添加值触发text事件 第二步:在钩子函数执行此方法或者在点击事件里 ......

父组件传值给子组件:

     第一步:在data()里边添加值,我这里是调用接口的形式;

     vue.js组件之间的通信

第二步:将值绑定在注册好的组件上

vue.js组件之间的通信

第三步:在子组件里接受传递的值

vue.js组件之间的通信

然后就可以在html里用传过来的值了。

 

子组件传值给父组件

第一步:用$emit()添加值触发text事件

vue.js组件之间的通信

第二步:在钩子函数执行此方法或者在点击事件里触发此方法

vue.js组件之间的通信

第三步:在父组件里监听子组件触发text()事件

vue.js组件之间的通信

vue.js组件之间的通信

vue.js组件之间的通信