学习总结：关于在vue中使用方法修改数组无法实时更新到页面中这个问题

1.

<template>
    <div>
        <button @click = "changes" ></button>
        {{ arr }}
    <div>
</template>
export default {
    data() {
        return {
           arr:[1,2,3,4,5,6,7,8,9,10]
        }
    },
    methods:{
        changes(){
              // 第一种方法
              this.arr[3] = 888
              this.arr = [...this.arr]
       
              // 第二种方法
              this.arr[3]=888
              this.$forceUpdate();
              
              // 第三种方法   // 优先使用
              this.$set(this.arr,3,888)
        }
    }
},