VUE3添加全局变量

全局变量的添加

在vue3.0中注入全局方法不是在prototype上挂载了，而是添加在config.globalProperties属性上。

//main.js
import { createApp } from "vue";
import App from "./App.vue";

const app = createApp(App);
app.config.globalProperties.$mydata={abc:123};
app.mount("#app");

虽然已经不存在使用prototype时可能出现的覆盖问题，但是加个$符号还是继承vue2的规范习惯代表全局。

全局变量的使用

export default {
  name: 'HomeView',
  mounted() {
    console.log(this.$mydata);
  }
}