VueJS Google图表未加载

Question

正如标题所述，代码仅加载静态数据，但是当我通过道具传递数据时，我什么也没得到。当我更改数据值（不重新加载）时，Vue将显示数据。

我当前的代码：

<script>
    import { GChart } from 'vue-google-charts'

    export default {
        data() {
            return {
                chartData: [
                    ['Year', 'Sales', 'Expenses', 'Profit'],
                    ['2014', 10.50, 400, 200]
                ],
                chartOptions: {
                    chart: {
                        title: 'Company Performance',
                        subtitle: 'Sales, Expenses, and Profit: 2014-2017',
                    }
                }
            }
        },
        components: {
            GChart
        },
        props: [
            'usedPercentage',
            'freePercentage'
        ]
    }
</script>

我猜想，在create（）或其他钩子上，图表已经被渲染，因此无法从我的道具中插入数据。

如何仍然正确渲染它？为什么会这样？

P.S。当我在“创建的”钩子中控制台记录我的道具时，它返回一个“函数Number（）”而不是真实的数据...