1、父亲有一辆雷克萨斯,因此在father.vue文件中给父亲添加一辆车,效果如下:

2、儿子也有一辆扭扭车,在child.vue文件中给儿子添加上,效果如下:

3、现在父亲想开车带儿子去玩,就告诉儿子说我有一辆车,我们一起出去玩,即在child这个标签中添加:fatherCar="fatherCar”,来告诉儿子

4、儿子用defineProps去接收父亲给的消息,并且一起去玩了(实现了父传子)

5、儿子也想把自己的车跟父亲分享,于是有了子传父,父亲需要一个地方来接收儿子给的东西,在father.vue中定义空字符串,再设一个方法,用来接收儿子给的数据,用h6标签展示,然后在child标签中把方法告诉儿子

6、儿子用props接收父亲给的数据,并创建一个点击按钮,执行点击动作就能把参数给到父亲

7、效果如下,为了美观,可用v-show控制是否出现

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐