vue父组件与子组件相互传值

491 阅读1分钟

偶尔正经的学习笔记,记录项目中遇到的难题


                                    

父子组件的关系可以总结为prop向下传递,事件向上传递。即父组件通过prop给子组件下发数据,子组件通过事件给父组件发送消息


一、父组件向子组件传值(父传子)

子页面是图表插件,需要在父页面动态获取值,然后传递给子页面

父页面与子页面的数据交互,先来康康父页面吧~~



以上,charValue需要在return里面定义


再康康子页面



啦啦啦~~~   意思嘛就是这么个意思   希望下次用的时候有帮助嘻嘻~~


                                                 

二、子组件向父组件传值(子传父)

①、首先要点击一个按钮,使子组件的值传到父组件,在子组件写点击事件

childValue需要写在return里面


点击事件的方法内容


②、父页面



三、非父子组件进行传值

非父子组件之间传值,需要定义公共的文件common.js,作为中间仓库来传值