laravel - laravel 与 vue 生成图组件

Question

我想创建一个图表，所以我使用图表的组件来使用这个模板创建一个图表

<template>
                    <div id="globalGraph">
                        <graph-bar
                                :width="600"
                                :height="400"
                                :axis-min="0"
                                :axis-max="50"
                                :labels="[ 'Global', 'China', 'nonChina' ]"
                                :values="values">
                            <note :text="'Global Chart'"></note>
                            <tooltip :names="names" :position="'left'"></tooltip>
                            <legends :names="names" :filter="true"></legends>
                        </graph-bar>
                    </div>
                </template>

然后在我的脚本中我有

import bar from 'vue-graph/src/components/bar.js'
import NoteWidget from 'vue-graph/src/widgets/note.js'
import tooltip from 'vue-graph/src/widgets/tooltip.js'
import legends from 'vue-graph/src/widgets/legends.js'

export default {
    mounted() {
      console.log(bar)
      console.log(NoteWidget)
      console.log(tooltip)
      console.log(legends)
    },
    components: {
        'graph-bar' : bar,
        'legends' : legends,
        'note' : NoteWidget,
        'tooltip' : tooltip
    },

我的问题是为什么我会得到：

即使我添加了template tag和mounted()

UPDATE：只有图形组件在工作注意图例和工具提示不起作用

标签： laravelvue.jsgraph