vue组件之间通信:子传父
来源:网络收集 点击: 时间:2024-05-30【导读】:
vue组件通信:子组件向父组件传值工具/原料morevue脚手架npm install -g vue-cli vue init webpack my-project cd my-project npm run dev方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
注意事项
子组件:vuecomponents.vue

父组件:prents.vue

全局注册:
components.js

main.js

总结:想要把子组件中的值传递给父组件,
(1)首先,我们要做的就是先确定子组件和父组件,比如:
我们可以给子组件一个点击事件,即:

(2)然后,我们可以通过‘butClick’这个点击事件,来去调用this.$emit()方法,这个方法可以传递两个参数。
第一个参数就是绑定在这个子组件上的一个自定义属性,第二个参数就是子组件传递过来的值。

(3)这最后一步呢,就是给子组件上那个自定义的属性绑定一个方法,把子组件传递过来的值当作这个方法的参数接受过来,这样通过调用这个方法就可以获取子组件中的值了。

个人对vue的一些简单认识,如有错误,欢迎指出!
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.ff371.cn/art_860018.html