Перезаписываемый массив

Для перезаписываемого массива, стратегия такая же, как и для перезаписываемого объекта.

Класс

class RewritableArray {
  arr = {
    value: [0, 1, 2],
  };

  changeArr() {
    this.arr.value = [3, 2, 4];
  }
}

const instance = new RewritableArray();

export default instance;

Компонент

<template>
  <div class="component-block">
    <span class="name">RewritableArrayOne</span>

    <div><b>Значение arr:</b> {{ arr.value }}</div>
    <button @click="changeArr">Перезаписать массив</button>
  </div>
</template>

<script>
import RewritableArray from '@example-services/RewritableArray';

export default {
  data() {
    return {
      arr: RewritableArray.arr,
      changeArr: RewritableArray.changeArr.bind(RewritableArray),
    };
  },
}
</script>

Результат

RewritableArrayOne

Значение arr: [ 0, 1, 2 ]

RewritableArrayTwo

Значение arr: [ 0, 1, 2 ]