vue3.0使用elementUI和echarts

1. 下載 element-plus

npm install element-plus --save

2. main.js中引入

import Element from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'

　createApp(App).use(store).use(router).use(Element).mount('#app')

 

1. 下載echarts

npm install echarts --save

2. 在main.js中引入

import { createApp } from 'vue'

import App from './App.vue'

import * as echarts from 'echarts'

const app = createApp()

app.echarts = echarts

3. app.vue

import { provide } from 'vue'
import * as echarts from 'echarts'

  setup () {

    provide('ec', echarts)

  }

4. 需要使用的頁面

import { onMounted, inject } from 'vue'
export default {
  setup (props, context) {
    const echarts = inject('ec')

　　　 var myEcharts = echarts.init(document.getElementById('myEcharts'))

}