Vue3.0配置全局属性的方法

Vue3.0配置全局属性的方法

vue2.5入口文件配置全局属性

• Vue 2.0之前我们封装axios和message等通用属性的时候是这么写的：

  import Vue from "vue";
  import echarts from "echarts";
  Vue.prototype.$echarts = echarts

• 然后在组件内使用 this.$echarts就可以调用了，但是Vue3更新了以后这样写会报错

  vue3入口文件配置全局属性

  const app=createApp(App);
  app.use(store);
  app.use(router);
  app.use(Antd);
  app.mount('#app');
  
  // 配置全局属性 
  app.config.globalProperties.$echarts = echarts;

• 然后在组件内使用 this.$echarts就可以调用了

赏

谢谢你请我吃糖果

支付宝

微信