vue.js - Vue.js はデータを変更し、タイミングを再レンダリングしますか?

Question

Vue.js は初めてです。

メソッドでデータを変更し、データに応じてビューを変更したいと考えています。

// template
<div v-if="currentGraphType.type === 'foo'">
  <!-- Some other graphs -->
</div>
<div v-else id="plotly-graph" />

// methods
onClickGraphType(graphType: { type: string, name: string }) {
  this.currentGraphType = graphType;
  this.renderGraph();
},

renderGraph()svg 要素をレンダリングしますdiv#plotly-graph

しかし、onClickGraphTypeを実行してcurrentGraphTypeを 'foo' に変更すると、グラフはレンダリングされません。

が実行さ<div v-else id="plotly-graph" />れる前にレンダリングされていないと思います。this.renderGraph()

Vue.js データの仕組みを誤解していませんか?