在created：中，我的方法无法正常工作

Question

我正在尝试制作一个简单的vue.js和d3.js代码。在代码中，我想绘制一些图表。为此，我试图通过定义shared_ptr并在created中运行方法来为图表留一些空间。

但是，method('add_svg')不能正常工作。我通过在方法的第一部分插入method('add_svg')来检查该方法是否有效。

我可以看到“正在运行”消息，但是没有插入我想插入的svg_space。

但是，当我使用calculated：部分中的相同方法更新图表时，它可以工作。 在calculated：部分中，它多次生成一些空间，这意味着它可以正常工作，并且该方法没有问题。

那是为什么？

下面是我的代码：

console.log('Running')

Answer 1

在Vue中，您必须在已安装的挂钩上绘制d3图表，而不是在已创建的挂钩上绘制。如果页面未呈现，则无法绘制图表-使用创建的挂钩时会发生这种情况。

mounted () {
  this.add_svg() // append svg for chart
  this.plot([0, 0]) // basic plot with value = [0, 0]
}