VUE3之数组赋值

本着一学就会，一写就废的原则，遇到一个奇怪的数组赋值问题，搞了好久。

<a-button @click="getData">{{ initData }}</a-button>

<Bar :chartData="chartBarData" />

const chartBarData = ref([   // 这里之前用的reactive，改成ref就好了。        

    {

      name: '1月',

      value: 120,

    },

    {

      name: '2月',

      value: 275,

    },

    {

      name: '3月',

      value: 235,

    },

  ]);

getbb().then((res) => {

      chartBarData.value = res;

 });

原文里有三种方法，这里用的第三种。

参考链接Vue3数组重新赋值问题_vue3 reactive数组重新赋值-CSDN博客