vue2 父子组件通信问题

知识点:

1、父组件使用props 把数据传给子组件。

2、子组件使用 $emit 触发父组件的自定义事件。

demo-星级评价组件

子组件<template>:

子组件template
子组件的props - 接收来自父组件的值
子组件的data - 绑定props中接收的值
子组件中的事件,$emit触发父组件事件
父组件中引用子组件
父组件中传入子组件的值
父组件中定义被子组件触发的事件

以上代码为本人初次实践父子组建传值问题,还需进一步优化,仅供初学者参考学习父子组建相互传值问题。(ps:所用的vux组件库中已封装有星级评价组件,可供直接使用)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容