vue3 如何采用 App.vue定义全局变量与方法,并实现局部vue页面刷新

需求描述:
两个VUE页面,A为主页面,B为子页面。现需求为,在A页面点击li数据后,B页面内容自动改变。 

vue3 如何采用 App.vue定义全局变量与方法,并实现局部vue页面刷新_第1张图片

目录

一、分析

二、代码示例


一、分析

网上解决方案一般使用provideinject来定义全局变量和方法,并在局部页面中刷新。但多次尝试后并不适合,以下是prop 父 子传值以及全局方法配合实现;

 

二、代码示例

主页面(A.vue)


 

子页面(B.vue)


  
  

App页面(App.vue)




亲测可用! 

你可能感兴趣的:(vue,前端,大数据,前端,elasticsearch,大数据,搜索引擎)