能否提供按需加载的使用样例 about vue-echarts-v3 HOT 3 CLOSED

<template>
  <div class="index">
    <div class="echarts">
      <IEcharts :option="bar" />
    </div>
    <div class="echarts">
      <IEcharts :option="bar" />
    </div>
    <div class="echarts">
      <IEcharts :option="bar" />
    </div>
  </div>
</template>

<script type="text/babel">
  import IEcharts from 'vue-echarts-v3/src/lite.vue';
  
  import 'echarts/lib/chart/bar';
  import 'echarts/lib/component/title';

  export default {
    name: 'index',
    components: {
      IEcharts
    },
    props: {
    },
    data() {
      return {
        bar: {
          title: {
            text: 'ECharts Hello World'
          },
          tooltip: {},
          xAxis: {
            data: [
              'Shirt', 'Sweater', 'Chiffon Shirt', 'Pants', 'High Heels', 'Socks'
            ]
          },
          yAxis: {},
          series: [{
            name: 'Sales',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
          }]
        }
      };
    },
    computed: {
    },
    methods: {
    },
    watch: {
    }
  };
</script>

<style lang="less" scoped>
  .index {
    text-align: center;
  }
  .echarts {
    width: 400px;
    height: 400px;
  }
</style>