强制Vue重新渲染具有已删除属性的元素

In my Vue project I use a third party library that's not set up to integrate particularly well with Vue, as it performs manual DOM manipulation, for example by removing the "disabled" attribute of an element that's to be conditionally disabled. Whenever this library performs these operations I want Vue to refresh its state. At first glance the $forceUpdate method seemed perfect, but it doesn't seem to be working as I'd expect... Here's a Codepen demonstrating things, after the call to removeAttribute I need some way of making Vue start applying the conditional "disabled" tag again.

编码:

const vm = new Vue({
  el: "#app",
  data: {
    buttonDisabled: true,
  }
});

document.getElementById('button').removeAttribute('disabled');

vm.$forceUpdate(); // doesn't work

<div id="app">
  <button id="button" :disabled="buttonDisabled">
    test
  </button>
</div>