vue嵌入echars

要在Vue项目中嵌入Echarts，需要进行以下步骤：

1. 安装echarts

可以使用npm或yarn安装Echarts：

npm install echarts --save

或

yarn add echarts

2. 导入echarts

在需要使用Echarts的Vue组件中，导入echarts：

import echarts from 'echarts'

3. 创建Echarts实例

在Vue组件的`mounted`钩子函数中，创建Echarts实例并设置图表的配置项和数据：

mounted() {
  const chartDom = this.$refs.chart
  const myChart = echarts.init(chartDom)
  const option = {
    // Echarts配置项
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line'
    }]
  }
  myChart.setOption(option)
}

在模板中，使用`ref`指令给`div`元素命名，以便在`mounted`函数中获取该元素，并创建Echarts实例：

<template>
  <div ref="chart" style="width: 600px;height:400px;"></div>
</template>

这样就完成了在Vue项目中嵌入Echarts的过程。