Vueの配列の要素を変更する方法が応答を更新することはできません

<テンプレート> 
  の<div> 
    <UL> 
      <LIのV-ため= "（項目、I）MS INが"：キー= "I"> {{アイテム}} </ LI> 
    </ UL> 
    <ボタン@クリック=」変化（） ">点击</ボタン> 
  </ div> 
</テンプレート> 

<スクリプト> 
エクスポートデフォルト{ 
  データ（）{ 
    リターン{ 
      MS：[1、2、3] 
    } 
  }、
  メソッド：{ 
    変化（）{ 
      この。MS [0] = 100 
      はconsole.log（this.ms）
    } 
  } 
  のonLoad（paramsは）{ 
    this.keyword = params.keyword 
  } 
} 
</ SCRIPT>

　　上記のコードは次のボタンをクリックし修正するために、配列の最初の要素を達成したいです。

　　しかし、実際の動作は、データが正常にコンソールプリントを表示するように変更されていることがわかったが、ページ上のデータは、（応答のないタイプ）アップデートされていません。

　　何がそれの原因は？私は公式文書を確認し、次のように、文書が読み取ります。

　　　

 

　　文書は明らかにVUEは、配列の変動を検出することができない、と述べているが、文書はまた、上記の要件を達成するための方法を指摘しました：

　　変化（）関数コードthis.ms [0] = 100は、書き換えthis.set（this.ms、0、100）

 

　　したがって、需要を変更するアレイの個々の素子が実現されます