1. 父组件向子组件传值
image.png
父组件向子组件传值:
1 给子组件通过自定义属性绑定父组件需要传递的数据.
2 在子组件中通过props属性 获取到子组件上的属性值.
image.png
父组件的值传递给子组件 父组件值发生更改时 子组件当中使用的也会更新.
但想在子组件中更改父元素传来的值 是不允许的 不要再子组件中改变props的值.
2. 子组件向父组件传值
-
在子组件的methods中定义事件函数 一般项目中肯定是你修改好什么信息 点击之后传给父组件的data里来处理.
事件函数中注册自定义事件.
image.png -
在所对应的子组件上写自己注册的事件 同时带上父组件中的一个函数(这个函数的第一个形参就可以拿到子组件传递的值了).
image.png -
通过父组件的methods中被触发的方法接收子组件传递参数.
image.png
