Vue3 挂载全局方法

在mian.ts里

// 引入 echarts
import * as echarts from "echarts"

// 全局挂载 echarts
app.config.globalProperties.$ECharts = echarts

在页面中使用

import { onMounted,getCurrentInstance,ComponentInternalInstance } from "vue"

类型可以为任意类型
const { proxy } = getCurrentInstance() as any

onMounted(() => {
  // 获取挂载的组件实例
  const echarts = proxy.$ECharts
  //初始化挂载
  const echarts1 = echarts.init(document.getElementById("myChart"))
  //添加配置
  echarts1.setOption(option)
  // 自适应
  window.onresize = function () {
    echarts1.resize()
  }
})

你可能感兴趣的:(vue.js,javascript)