vue3 如何设置全局属性

在Vue 3中，可以使用`provide`和`inject`来设置和获取全局属性。下面是一个示例： 在父组件中，使用`provide`设置全局属性： ```vue <template> <div> <!-- ... --> </div> </template> <script> import { provide } from &#39;vue&#39;; export default { setup() { // 设置全局属性 provide(&#39;globalProperty&#39;, &#39;Hello, world!&#39;); } } </script> ``` 在子组件中，使用`inject`获取全局属性： ```vue <template> <div> {{ globalProperty }} </div> </template> <script> import { inject } from &#39;vue&#39;; export default { setup() { // 获取全局属性 const globalProperty = inject(&#39;globalProperty&#39;); return { globalProperty }; } } </script> ``` 在子组件中，通过`inject`函数传入全局属性的键名（在这里是&#39;globalProperty&#39;），然后将其返回到模板中使用。这样，在任何子组件中都可以获取到全局属性的值。