vue项目全局变量是只读的

在 Vue 项目中，可以使用 `Vue.prototype` 或 `Vue.$` 将一个全局变量挂载到 Vue 实例中，但是这个全局变量并不是只读的。实际上，你可以在任何 Vue 组件中直接修改这些全局变量的值。举个例子，假设我们在 main.js 中定义了一个全局变量 `globalVar`：

Vue.prototype.$globalVar = 'foo';

然后，在某个组件中，我们可以这样修改它的值：

this.$globalVar = 'bar';

这样就会把全局变量 `globalVar` 的值从 `'foo'` 改为 `'bar'`。因此，全局变量并不是只读的。

相关问题

vue3 设置全局变量

在 Vue 3 中，你可以使用 `createApp` 函数中的 `provide` 方法来创建全局变量。

假设你要创建一个名为 `myGlobalVar` 的全局变量，可以在 `main.js` 中这样写：

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

app.provide('myGlobalVar', 'Hello, World!');

app.mount('#app');

然后，在你的组件中，可以使用 `inject` 方法来访问这个全局变量：

import { inject } from 'vue';

export default {
  setup() {
    const myVar = inject('myGlobalVar');
    // 现在，myVar 就是 'Hello, World!'
  }
}

注意，`provide` 方法提供的全局变量是响应式的，也就是说，如果你在组件中改变了这个变量的值，所有使用了这个变量的组件都会自动更新。如果你需要使用一个不可变的全局变量，可以将它设置为一个常量或者一个只读属性。

createApp怎么定义全局变量？

在Vue.js中，我们可以通过在main.js中使用Vue.prototype来定义全局变量。例如，我们可以将一个名为globalVar的变量定义为全局变量：

// main.js
import Vue from 'vue'
import App from './App.vue'

Vue.prototype.globalVar = 'Hello World'

new Vue({
  render: h => h(App),
}).$mount('#app')

然后在组件中，我们可以通过this.$globalVar来访问全局变量：

// MyComponent.vue
<script>
export default {
  created() {
    console.log(this.$globalVar) // output: 'Hello World'
  }
}
</script>

需要注意的是，Vue.prototype定义的全局变量是可读写的，如果需要定义一个只读的全局变量，可以使用Object.defineProperty()方法来定义。