【echarts】 在vue里引入

<template>
 <div id="app">
       <MyEcharts/>
    </div>
</template>

<script>
import MyEcharts from './MyEcharts.vue'
export default {
  name: "DigSummery",
  components:{
    MyEcharts
  }
</script>

<template>
 <div id="main" style="600px;height:400px;" >1111</div>
</template>
<script>
import * as echarts from 'echarts'
export default{
    mounted(){
       var myChart = echarts.init(document.getElementById("main"));
       var option = {
                             title: {
                               text: 'ECharts 入门示例'
                             },
                             tooltip: {},
                             xAxis: {
                               data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
                             },
                             yAxis: {},
                             series: [
                               {
                                 name: '销量',
                                 type: 'bar',
                                 data: [5, 20, 36, 10, 10, 20]
                               }
                             ]
                           };
       myChart.setOption(option);

    }
}
</script>