v-cloak 的 Vue.js 生命周期钩子答案

【问题标题】：Vue.js life-cycle hook for v-cloakv-cloak 的 Vue.js 生命周期钩子
【发布时间】：2016-09-28 19:51:10
【问题描述】：

我正在做一个项目，其中v-cloak 使用display: none 进行样式化，并装饰身体。这意味着在 Vue 实例准备好之前，一切都是隐藏的。

我制作了一个插入图表的组件（使用highcharts）。组件已插入ready，但图表显示不正确。

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

【问题讨论】：

【解决方案1】：

使用Vue的nextTick注入图表，这样可以保证DOM准备好更新：

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

【讨论】：