when does re-render happen exactly in vue?

I understand that Vue will re-render when the data changes. But when I change the data in a hook function like mounted, the page does not re-render. Below is part of my code.

 mounted: function () {
  document.getElementById('lanchange').onclick = function (e) {
    this.loginPopActive = false
    this.lanPopActive = false
    console.log(this.lanPopActive)
  }
}