Javascript Vue.js v-Clope的生命周期挂钩

我正在做一个项目，它的样式是

display:none

，并装饰身体。这意味着在Vue实例准备就绪之前，所有内容都将隐藏

我制作了一个插入图表的组件（使用）。组件已插入到

就绪状态

，但图表显示不正确

这是一本书

---

我可以通过轮询直到显示元素来解决此问题，但有更优雅的解决方案吗？

使用Vue的nextTick注入图表，这将确保DOM已准备好进行更新：

ready: function() {
  this.$nextTick(function() {
        this.chart = new Highcharts.Chart(this.opts);
  });
}

---

使用Vue的nextTick插入图表，这将保证DOM已准备好进行更新：

ready: function() {
  this.$nextTick(function() {
        this.chart = new Highcharts.Chart(this.opts);
  });
}