[ 記錄 ] Vue 對象數組中一項數據改變，頁面不更新

問題描述：將data中數據列表渲染到頁面，循環生成 el-switch ，點擊頁面中 el-switch 后數組中某項值改變，但是頁面不更新

數據格式如下

export default{
   data(){
      list : [
          {
              id : 1,
              selected : true,
              title : 'aaa'
          },
          {
              id : 2,
              selected : false,
              title : 'bbb'
          },
          {
              id : 3,
              selected : true,
              title : 'ccc'
          }
      ] 
   }        
}

原因是因為 利用索引直接設置一個項值之后，Vue不能檢測到數據變化   詳情參考：https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B

同時官方也提供了相應的api來解決這個問題

vm.$set(vm.items, indexOfItem, newValue)