vue2中echarts单文件引入代码

在Vue2中，可以通过单文件组件的方式来引入echarts。具体步骤如下：

1. 安装echarts

在项目中安装echarts：

npm install echarts --save

2. 创建一个单文件组件

在项目中创建一个.vue文件，例如Echarts.vue，并在其中编写echarts代码，例如：

<template>
  <div id="chart"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  mounted () {
    const myChart = echarts.init(document.getElementById('chart'))

    myChart.setOption({
      // echarts配置项
      // ...
    })
  }
}
</script>

3. 在父组件中使用单文件组件

在需要使用echarts的父组件中，引入Echarts.vue，并在模板中使用：

<template>
  <div>
    <echarts></echarts>
  </div>
</template>

<script>
import Echarts from './Echarts.vue'

export default {
  components: {
    Echarts
  }
}
</script>

这样就可以在父组件中使用echarts了。当父组件被渲染时，Echarts.vue中的mounted钩子函数会被调用，生成echarts图表。