vue.js - Vue - 重复 div 中的单击处理程序不会自行强制更新，需要手动执行

Question

当我在重复的 div 中有一个单击处理程序时v-for，似乎在该单击处理程序中所做的更改不会在 DOM 中更新。

为什么？

https://jsfiddle.net/AndersBillLinden/109uzsx7/27/

html:

<div id="vue">
  <input type="checkbox" v-model="force_update"/> force update
  <div v-for="e in arr">
    {{e.id}} = {{e.text}}
    <a href="#" @click="on_link_clicked(e)">click</a>
    <span v-show="e.clicked"> clicked</span>
  </div>
</div>

js：

new window.Vue(
{
  el: '#vue',
  data:
  {
    arr: [{id:1,text:"one"}, {id:2, text:"two"}, {id:3, text:"three"}],
    force_update: true
  },
  methods:
  {
    on_link_clicked(e)
    {
      e.clicked = true;
      
      if (this.force_update)
        this.$forceUpdate();
    }
  }
});