Vue JS：ツリービュー全体をフラッシュ/リロード

Question

Vue JSの新機能です。 サンプルツリービューを実装しました。

ツリービュー全体をフラッシュして新しいコンテンツで完全に再ロードするにはどうすればよいですか？

Vue APIを通過しましたが、見つかりませんでした。

助けてください。

Answer 1

あなたはこれを参照した場合：http://vuejs.org/examples/tree-view.html

このための特別な方法のnessessaryはありません。あなたは、単に新しいデータでデータを交換します：

var demo = new Vue({ 
    el: '#demo', 
    data: { 
    treeData: data 
    }, 
    methods: { 
    //call this method e.g. from a buttons click event. 
    flushtree: function() { 
     this.treeData = newData // get new Data from somehwere. 
    } 
    } 
}) 

Answer 2

マイ修正されたコードスニペット：

if(demo!=null) { 
    demo.flushtree(tableJson); 
} else { 
    demo = new Vue({ 
    data: { 
    treeData: tableJson 
    }, 
    methods: { 
     flushtree: function(newData) { 
     this.treeData = newData; 
    } 
} 
}) 
demo.$mount('#demo'); 
} 

感謝:)