сейчас такой метод

btn() {
      var _this = this;
      this.$nextTick(function () {
        try {
          Array.prototype.forEach.call(
            this.$refs["mframe"].getElementsByClassName("btn-al"),
            function (element) {
              element.addEventListener("click", function (event) {
                event.preventDefault();
                _this.chat_create();
              });
              element.classList.replace("btn-al", "btn-al-event");
            }
          );
        } catch (err) {}
      });
    },

вызывается из хука head но не все кнопки стабильно цепляет

создать отдельный компонент для вывода кнопок, реализовать в нём чтобы набор классов нужных элементов(а) зависел от параметров(а) хранящихся в сторе
выводить везде кнопки этим компонентом
управлять параметроами от которых зависят классы кнопок централизовано из стора с помощью мутаций

а если кнопка динамическая через rawHTML

ничего страшного

просто сделайте эту динамику внутри компонента кнопки

и она будет ререндерится

ок спасибо сошлось

btn() {
      var _this = this;
      this.$nextTick(function () {
        try {
          Array.prototype.forEach.call(
            this.$refs["mframe"].getElementsByClassName("btn-al"),
            function (element) {
              element.addEventListener("click", function (event) {
                event.preventDefault();
                _this.chat_create();
              });
              element.classList.replace("btn-al", "btn-al-event");
            }
          );
        } catch (err) {}
      });
    },

объясните мне глупому, зачем обращаться к прототипу массива, а не сразу к референциям

речь   о refs?

this.$refs["mframe"].getElementsByClassName("btn-al").forEach((element) => ...)
видимо там стоит задача писать без стрелочных функций

Вы перебираете массив/псевдомассив через прототип класса массив передавая ему контекст. почему нельзя перебрать сразу все this.$refs["mframe"]?

у меня есть элементы внутри rawHTML которые не реактивные

реактивные это свойства обьектов, а не элементы

по этому вы и используете getElementsByClassName, это понятно

может еще попробовать переделать на делегирование события. если там будет 100500 кнопок, будет столько же обработчиков

ну вот я передал event в chat_cheate
дальше event.target и т.п.

но если у каждая кнопка одним компонентом, то как я понимаю event не нужен

не, тут изначально можно обратиться this как к body или к самому body, и при клике сверять цель с кнопкой