如何在Vue 2中制作全局React变量？

vvppvyoh 于 2023-02-09 发布在 Vue.js

关注(0)|答案(2)|浏览(120)

我想在Vue 2中创建一个React性显著全局变量
我希望它能像电脑一样工作
如何在Vue 2中制作全局React变量？
感谢您的回复。

import { Screen } from 'quasar';
const isMobileSize = Screen.lt.sm; // <- I want it to be a reactive global variable

2条答案

如果要直接访问元件中的React性全局变量：

import { Screen } from 'quasar';
Vue.prototype.$isMobileSize = Screen.lt.sm;

然后在组件中：

computed: {
  isMobileSize () {
    return this.$isMobileSize
  }
}

要全局声明computed并能够在其他组件中使用，可以在main.js中定义一个全局mixin：

Vue.mixin({
  computed: {
    isMobileSize () {
      return Screen.lt.sm
    }
  }
})

然后，您可以在任何组件中使用它：

computed: {
  isMobileSize () {
    return this.isMobileSize
  }
}