vue在组件里面引入echarts

在 Vue 中引入 Echarts，可以通过将 Echarts 封装成组件，然后在需要使用的组件中引用该组件来实现。具体的实现步骤如下：

1. 安装 echarts，可以通过 npm 或者 yarn 安装

   npm install echarts --save

2. 创建 Echarts 组件

   <template>
     <div ref="echartsDom" :style="{ width: '100%', height: '100%' }"></div>
   </template>
   
   <script>
   import echarts from 'echarts'
   
   export default {
     name: 'Echarts',
     props: {
       option: {
         type: Object,
         required: true
       }
     },
     mounted () {
       this.renderChart()
     },
     methods: {
       renderChart () {
         const chart = echarts.init(this.$refs.echartsDom)
         chart.setOption(this.option)
         window.addEventListener('resize', () => {
           chart.resize()
         })
       }
     }
   }
   </script>
   
   <style scoped>
   </style>

3. 在需要使用的组件中引用该组件，并传递 option 参数

   <template>
     <div>
       <Echarts :option="option"></Echarts>
     </div>
   </template>
   
   <script>
   import Echarts from './Echarts.vue'
   
   export default {
     name: 'MyComponent',
     components: {
       Echarts
     },
     data () {
       return {
         option: {...}
       }
     }
   }
   </script>
   
   <style scoped>
   </style>

以上就是在 Vue 组件中引用 Echarts 的一种方式，具体实现还可以根据自己的需求进行调整。