vue中全局变量常用方法和技巧

1、使用Vue.prototype定义全局变量

通过在 vue 的原型上定义属性，可以在所有组件中访问该属性。

2、使用env文件定义全局变量

在Vue项目的根目录中创建一个.env文件，用于存储一些全局变量。

在.env文件中定义

VUE_APP_BASE_URL = "https://www.example.com/api"

在方法中使用

<script>
created() {
    const baseUrl = process.env.VUE_APP_BASE_URL
    console.log(baseUrl)
},
</script>

3、使用vuex定义全局变量

vuex 是 vue 的官方状态管理库，可以用于管理全局状态。

4、使用Vue.mixin定义全局变量

通过混入(mixin)的方式，可以将一些公共的属性或方法混入到所有组件中

5、使用localStorage 或 sessionStorage定义全局变量