vue执行操作成功但页面不刷新_vue.js数据更新页面不刷新

下面是我一个组件的代码。在首次进入这个组件的时候，调用checkBranch这个方法，会把branchPhases数据更新了，页面也是会刷新的。但是当我跳转到newPhase组件后再跳转回来，branchPhases这个数据能够更新，但是template里面对应的for循环的div并没有刷新(id为sidebar的div)。

我debug发现processContent这个方法确实调用了，使用的也是更新的数据，但是页面上并没有刷新效果。而且点击不同的class="ui piled segment"这个div的时候，获取的数据虽然不同，但是sidebar都不会再刷新了。请问会是什么原因呢？

UI组件我使用的是semanticUI。

var storyLineTab = Vue.component('story-line', {

template: '

\

\

\

\

{ { phase.content }}

\

\

{ { formatDate(phase.createdDate) }}  ·  { {phase.author}}     \

{ {phase.like ? phase.like : \"\"}} Likes    \