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

父子组件的关系可以总结为prop向下传递,事件向上传递。即父组件通过prop给子组件下发数据,子组件通过事件给父组件发送消息
一、父组件向子组件传值(父传子)
子页面是图表插件,需要在父页面动态获取值,然后传递给子页面
父页面与子页面的数据交互,先来康康父页面吧~~


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

再康康子页面


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

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

childValue需要写在return里面

点击事件的方法内容

②、父页面


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