vue給data的屬性賦值時(shí)，有時(shí)不會(huì)響應(yīng)式更新到視圖。

當(dāng)只修改data.list數(shù)組的值時(shí)，控制臺(tái)打印數(shù)據(jù)已更新，但是視圖不更新。
如果家還是那個(gè)一條修改name屬性的值時(shí)。又可以了。

不知是什么原因，求教！

// this.data.name = 'web...'
this.data.list[0] = 'aaa';
this.data.list[1] = 'bbb';
this.data.list[2] = '333333';

this.data.name = 'web...'
this.data.list[0] = 'aaa';
this.data.list[1] = 'bbb';
this.data.list[2] = '333333';

test.vue

<template>
  <div class="v-set-wrap">
    <span class="set-item">{{data.name}}, {{data.list}}</span>
    <button @click="changeData">changeData</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: {
        name: 'vue',
        list: [1, 2, 3]
      }
    };
  },
  methods:{
    changeData(){
        // this.data.name = 'web...'; // 不修改name屬性值時(shí)，視圖不會(huì)更新
        this.data.list[0] = 'aaa';
        this.data.list[1] = 'bbb';
        this.data.list[2] = '333333';
        console.log(this.data);
    }
  },
  mounted(){}
};
</script>