data()で定義したthis.datacollectionをcomputed内で変更すると、副作用を伴う処理を行うなというエラーが出た。

そこで、this.datacollectionのプロパティ更新は、methodsで記述することにした。

なお、他の解決策としてはthis.datacollectionをdataで定義せず、computedのdatacollectionChange()内で、

let datacollection = {
labels: _cloneDeep(this.graphLabels),

…

}

return datacollection;

としてもエラーは出ない。

参考

https://stackoverflow.com/questions/56160641/side-effects-in-computed-properties