无法使用 vue-c3 包组件

Question

我想在我的 vue js 项目中使用 c3 图表，所以我下载了这个包 https://github.com/chryb/vue-c3 首先，我在主组件中创建处理程序属性时遇到问题，因为示例显示我们需要使用 new Vue() 值创建此属性：handler: new Vue() 并且 Vue 返回错误: Vue 没有定义。

其次，我不明白为什么示例显示如下事件：this.handler.$emit('init', options)。不应该是 this.$emit('init', options) 之类的，因为示例返回错误？

有人能解释一下如何正确使用这个 vue-c3 包吗？

这是我的代码：

主要组件：

<template>
<div>
  <vue-chart @myEvent="init" :handler="handler"></vue-chart>    
</div>
</template>

<script>
import VueChart from '@/components/VueChart'

export default {
  name: 'HelloWorld',
  data () {
    return {
      handler: {}
    }
  },
  components: { VueChart }
}
</script>

图表组件：

<template>
    <div>
        Content
    </div>
</template>

<script>
export default {
    name: 'VueChart',
    props: ['handler'],
    mounted () {
        const options = {
            data: {
                columns: [
                    ['data1', 2, 4, 5],
                    ['data2', 1, 8, 9]
                ]
            }
        }
        this.$emit('init', options)
    }
}

</script>

Answer 1

显然为时已晚，对 OP 没有用处，但无论如何：

import Vue from 'vue'

在你写new Vue()的文件中