How to inherit value from methods in Vue?

Question

Vue.js

<div @mouseenter="mouseEnter"  @mouseleave="mouseLeave">
                <h1>Hover me!</h1>
            </div>

methods: {
            mouseEnter() {
                setInterval(function() {
                    console.log( "тик" );
                }, 500);
            },
            
            mouseLeave() {
                setTimeout(function() {
                    this.mouseEnter()
                    console.log( "достаточно" );
                }, 1);
            }
      }

Above trying to stop the execution of the function the
console complains about this.mouseEnter() - not a function

Answer 1

trying to stop the function

I don't see anything like that at all. To cancel the setInterval action, you need to call the clearInterval method, and of course, first save the timer id:

data: () => ({
  intervalID: null,
}),
methods: {
  mouseEnter() {
    this.intervalID = setInterval(() => {
      console.log('тик');
    }, 500);
  },
  mouseLeave() {
    clearInterval(this.intervalID);
    this.intervalID = null;
  },
},

Answer 2

mouseLeave() {
                setTimeout(() => {
                    this.mouseEnter()
                    console.log( "достаточно" );
                }, 1);
            }