Why is the Vue @mouseover event not firing?

Question

Vue.js

You need to hang an event handler on hovering over an element, but for some reason @mouseover does not work. But if you write purely js onmouseover="console.log('1')" then it works. Where is the mistake?

<Layout
          v-for="(residential, index) in filtredRC.slice(0, lazyResidentials)"
          :key="index"
          :price="residential.price_min"
          :name="residential.title"
          @click="handlerLayout(index, residential.id)"
          onmouseover="console.log('1')"
        ></Layout>

Answer 1

well, because for the event you need to specify the @ symbol at the beginning, like for a click

Answer 2

Now come running Nostradamus

Answer 3

Two conditions are triggered when the screen is resized

can not be

Literally every pixel triggers a condition.

What language is this? What pixels and how do you work. What is it????