Is it possible to call Vue methods from outside?

Question

Vue.js

Hello.
The button "button" is outside the whole architecture of vue, nothing can be changed in it. The button has an onclick event where the "update()" method is passed.
Is it possible to somehow write the "update ()" method in vue, so that it would be available from outside?

<button type="button" onclick="update()">Test</button> <!-- Вызываем метод update() -->

<div id="app"><!-- Vue --></div>

export default {
  methods: {
    update() { // Можно ли вызвать этот метод из вне?
      console.log('Test')
    }
  }
}

Thanks

Answer 1

Can. To do this, you need a reference to the component instance that contains the method you need. For example . This is if the component is the root. If not, then ... well, you can try . Or you can still change your button - cut out the inline handler, and add a new one from inside the .