Vue.js v-cloak的生命週期掛鉤

Question

我正在製作一個項目，其中v-cloak的樣式爲display: none，並且裝飾了身體。這意味着一切都隱藏着，直到Vue實例準備就緒。

我製作了一個插入圖表的組件（使用highcharts）。組件插入在ready上，但圖表無法正確顯示。

這裏是一個jsfiddle demonstrating the problem。

我可以通過輪詢解決問題，直到顯示元素，但是有沒有更優雅的解決方案？

Answer 1

使用Vue公司的nextTick注入圖表，這將保證DOM準備進行更新：

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

http://jsfiddle.net/crabbly/hje7bqrn/