vue3使用provider+ inject直接将参数由祖宗传送给孙子

文章浏览阅读164次。如题。在vue项目中，如果祖宗想将参数传递给孙子甚至更小一辈的组件，是一件麻烦事。可以通过爷爷-儿子-孙子-曾孙这样的链条，一辈辈地传承下去，但未免太繁琐、太蠢了些；也可以通过store间接传送，但如何触发孙子们去获取是个问题。第三种方法是通过provider和inject方式。老祖宗provider，后代inject。在以下示例中，祖宗页面将一个json对象传给孙辈。其中，祖宗provider一个函数，函数返回一个json对象state。