Vue全局变量js中使用

在Vue中，可以使用Vue.prototype来定义全局变量。例如，假设我们要定义一个全局变量baseUrl，可以在main.js中这样写：

1. 首先，在main.js中定义Vue.prototype.baseUrl = 'http://www.example.com'；

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

Vue.prototype.baseUrl = 'http://www.example.com'

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

2. 在组件中使用：

<template>
  <div>
    <p>BaseUrl: {{ baseUrl }}</p>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  data() {
    return {}
  },
  mounted() {
    console.log(this.baseUrl)
  }
}
</script>

这样，我们就可以在Vue的任何组件中使用全局变量baseUrl了。