在Vuejs3中从data*属性中设置一个全局变量

Question

我正在制作一个像这样实例化的vue3应用程序：

<div id="my-app" data-string="demo"></div>
<script src=my-app.js></script>

我需要将data-string的值设置为所有组件都可以访问的全局变量，或者是一种干净地获取该值并传递所有组件的方法。我用的是Vue 3和打字本。我试过几件事却搞不清楚。任何帮助都将不胜感激。谢谢!

Answer 1

为了完成它，你可以做这样的事情

获取值first

const globalScopeValue = document.getElementById('my-app').dataset.string

在之前创建您的Vue应用程序！

然后在您的App.vue (主组件)中使用提供。

然后在您需要这个globalScopeValue的所有其他组件中使用Inject。