vue引用echarts

最近公司有个项目首页用到了echarts，没有接触过的小白一开始研究有点头大，以下是echart 版本5.0以上的使用方法

1.安装echarts依赖

npm install echarts -s

2.引入echarts

重要提醒，我的版本是5以上的

"echarts": "^5.3.2",

在main.js 全局引入

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts

3.在页面引用饼图

<template>
  <div>
     <div id="pie" :style="{width: '300px', height: '300px',margin:'0 auto'}"></div>
  </div>
</template>
<script>
   export default(){
       data(){
          return{
             pieName:[], //图例名称
             pieData: [] //数据
          }
       },
       method:{
          drawPie() {
             var myChart1 = this.$echarts.init(