vue3组件之间传值

有时候两个组件之间并非子父组件可能是父辈组件像孙辈组件传值（不知道怎么说能懂就好了）又该怎么传呢？ 

由于想使用vue2中的watch 监听来实现但是没有找到案例和方法，开发时间短没有过多的去尝试，还是多使用vue3的更容易对新的技术有所了解所以使用了新的语法

provide 和  inject

 使用的时候最好使用快捷键每次不管定义变量还是使用vue的方法都需要申明，所以我们为了开发快捷直接快捷键

传值的组件：

这个案例是我在父页面需要点击操作了子页面对应的显示隐藏，为什么我不直接把provide 放到if  else 里面这也是我踩得一个小坑，vue会提示不可以这么写事实上我们写一个就可以了，他会自己去监听只要反生变化接受的组件里面也会发生变化

接受的组件：

 接受的组件中直接写 inject来根据你要接受的变量名获取就可以了