Vue.js I'；我不确定如何让vue js和charts js协同工作。正确地

我已经绞尽脑汁准备了下面的解决方案作为一个测试，但是下面的问题让我不知所措

在components文件夹的Chart.js中，this.options和this.chartData分别为未定义和空

图表仍然绘制chartRender（this.chartData，this.options），但是所有的选项都被忽略了……刚刚发现我甚至不需要（chartRender）这个？古怪的 为什么我不需要这个

所以我可以用一些解释和帮助来解释为什么我可以画东西，但它的表现并不像预期的那样，我也没有理解图表是如何绘制的

---

您的示例中有两个错误，每个错误都是“中断”错误

您没有将计算结果为

vm

的

选项的JavaScript表达式传递给
组件，而是传递一个值为
'options'
的字符串。要传入
vm.options
属性，需要在属性前面加一个冒号（
：
），冒号是以下内容的缩写：

您的

选项

错误地嵌套在它们自己的

选项

属性中。换句话说,

this.options={
选项：{
图例：{
显示：对，
位置：“底部”
},
标题：{
显示：对，
正文：“这是tiitle”
}
}
};

需要成为：

this.options={
图例：{
显示：对，
位置：“底部”
},
标题：{
显示：对，
正文：“这是tiitle”
}
};

---

---

查看它是否正常工作。

ViewModel

。组件内的Vue实例，或。