作者:我是风一样的我们 | 来源:互联网 | 2023-09-12 22:44
vue中父组件给子和孙组件插入一个依赖,使其能传递关系。
文档
这里先做一个简单的实例,
在app.vue中:
在其中的一个路由中:
![]()
{{message}}
那么最终的显示效果为:
![](https://img.php1.cn/3cd4a/1eebe/cd5/0a0ce631ec450943.webp?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211c2h1aTA2MzM=,size_16,color_FFFFFF,t_70)
这里显示出了app.vue页面传递过来的信息。
在网站操作中,对数据进行了增删改操作之后,希望重新加载一下当前页面,也可以使用provide-inject。
在app.vue中:
在子组件中: