1 父组件往子组件中传值:
父组件代码
![](https://img.haomeiwen.com/i16047078/87c4c8c6b3c02b1c.png)
2:
![](https://img.haomeiwen.com/i16047078/bb6f3201b4ed8e7c.png)
子组件:
![](https://img.haomeiwen.com/i16047078/d05377901d4842bc.png)
放到props数组中
tips:1:html的template中是可以直接使用这个变量值的,但是js代码想使用必须获得
![](https://img.haomeiwen.com/i16047078/79a4cbfb15c62862.png)
因为作者用的是ts,所以用get方法拿到值,注意get后的变量名不要和props里的变量名取的一样。
2 子组件往父组件传事件
父组件:
![](https://img.haomeiwen.com/i16047078/51aeda600a34c80e.png)
![](https://img.haomeiwen.com/i16047078/6abd6cc91db53243.png)
子组件:
![](https://img.haomeiwen.com/i16047078/e3ecf18b5365ae21.png)
代码为ts语法
参考网址:https://cloud.tencent.com/developer/article/1327899
父组件代码
子组件:
因为作者用的是ts,所以用get方法拿到值,注意get后的变量名不要和props里的变量名取的一样。
父组件:
本文标题:vue的父子组件之间的交互
本文链接:https://www.haomeiwen.com/subject/oiqwkltx.html
网友评论