vue3中如何实现触发点击事件时，改变子组件的值？

Question

最近在学习vue3的知识，看到了provide和inject，想请教下如何能实现父组件中的一个按钮触发点击事件时，改变子组件的值？
我试着把provide写到了点击事件中，会出现下面的警告

那么怎么样才能实现呢？

Answer 1

如果是子组件的props，直接在父组件里面修改就可以了。
如果是组件的setup返回的值，还是用ref取得子组件的引用进行修改。

警告的意思是provide必须在setup函数中使用，你可以去看下vue3 composition API

Answer 2

找了一下相关的案例试了下，应该是我的写法有些问题，导致provide和inject没有生效。后来自己又多试了下，父子组件之间可以正常传值了。