前端 - Vue3挂载全局挂载组件Ref的问题，希望通过全局Ref调用组件方法？
我正在用vue3 开发一个大屏项目，大屏背景是unity开发的，我需要和背景进行交互，例如场景切换、互发消息传递数据等，因为多个页面都是使用同一个背景组件，我不希望切换页面时重新加载Unity，所以Unity全局公共加载。
我希望能在每个页面能够获取到Unity组件的Ref，通过Ref调用Unity组件中的发送消息、切换场景的事件，有什么思路？
我现在在考虑能不能将UnityRef挂载到全局去使用？
共有1个答案
单页应用的菜单栏都是共用的，正常配置下，用路由切换页面也不会销毁菜单。
所以，把用于初始化 Unity 的组件放到和菜单栏一个级别，也就是和顶层 router view 同级或者更高级就行。
实例方法的调用，可以整一个订阅回调机制，也可以直接传引用，挂在 window 上也不是不行。
-
VitePress自带一些可以全局使用的内置组件。你可以在你的markdown文件或自定义主题配置中使用这些组件。 Content Content组件显示渲染后的Markdown内容。 当你创建自定义主题时有用。 <template> <h1>Custom Layout!</h1> <Content /> </template> ClientOnly ClientOnly组件仅在客户端渲
-
本文向大家介绍浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件，包括了浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件的使用技巧和注意事项，需要的朋友参考一下 简介 Vue.use( plugin )：安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法将
-
本文向大家介绍详解vue.js全局组件和局部组件，包括了详解vue.js全局组件和局部组件的使用技巧和注意事项，需要的朋友参考一下 这两天学习了Vue.js 感觉组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 首先Vue组件的使用有3个步骤，创建组件构造器，注册组件，使用组件3个方面。 代码演示如下： 2.理解组件的创建和注册 我们用以下几个步骤来理解组件的创建和注册： 1. V
-
本文向大家介绍Bootstrap 布局组件（全），包括了Bootstrap 布局组件（全）的使用技巧和注意事项，需要的朋友参考一下 Bootstrap 布局组件 1、Bootstrap字体图标 （1）、字体图标列表链接 http://www.runoob.com/bootstrap/bootstrap-glyphicons.html （2）、用法 如需使用图标，只需要简单地使用
-
本文向大家介绍使用use注册Vue全局组件和全局指令的方法，包括了使用use注册Vue全局组件和全局指令的方法的使用技巧和注意事项，需要的朋友参考一下 Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时，官方文档中的方法就显得有些不够清爽了。 全局组件 在Vue官方文档中介绍的是使用Vue.component(tagName, options)
-
本文向大家介绍Vue通过ref父子组件拿值方法，包括了Vue通过ref父子组件拿值方法的使用技巧和注意事项，需要的朋友参考一下 父拿子的值 子拿父的值 有了ref拿值不能更方便~ 以上这篇Vue通过ref父子组件拿值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。