vue 改变了数组对象里的值，页面不刷新

element ui 的表格组件数据存放在数组 tableData中，当我在页面上改变数据时，从
控制台可以看到tableData里面的值已经改变了，但是表格数据居然没有刷新。

这是我思考了两个小时后得出的解决办法：tableData的值改变之后对数组重新赋值

//给input添加监听事件
@change="changePrice(scope.row)"

changePrice(row){
      row.totalPrice = row.inQuantity * row.price
      this.tableData=[...this.tableData]
}

后来当我重新去看vue的官方文档的时候，却发现文档中已经对vue的响应式原理和数组更新检测给出了十分详细的介绍和解决方法。
所以说，当我们使用一种新的工具的时候，最重要的事情就是看文档！！看文档！！看文档！！

以下是官方文档地址：
深入响应式原理：https://cn.vuejs.org/v2/guide/reactivity.html
列表渲染：https://cn.vuejs.org/v2/guide/list.html