vue中的数据或对象直接赋值数据未更改的问题记录

问题： 在父组件中创建了一个数组对象，子组件通过props引入。当父组件的数据更改后，子组件未触发更新，导致数据还是旧的。代码如下

//此处的rightList是子组件，rightTicketList是传给子组件的数组对象
<rightList
        ref="rightTicketList"
        :right-ticket-list="rightTicketList"
        @deleteList="deleteList"
        @openRealNameModal="openRealNameModal"
        @handleChangePrice="handleChangePrice"
        @handleChangeHangCount="handleChangeHangCount"
        @modifyPeople="modifyPeople"
      ></rightList>
methods: {
    changeArray() {
        let  length = 1
        this.rightTicketList[this.currentIndex].paperLength = length;
    }
}

子组件
<ul>
  <li v-for="item in rightTicketList">{
  {item.name}}</li>
</ul>
//通过props引入
props: {
    rightTicketList: {
      type: Array,
      default: () => {
        return