Mixins not vuejs reactive?

Question

Vue.js

Hello.
Are mixins reactive in view?
mixin.js

export const mixin = {
    data() {
        return {
            hover: null,
        }
    },
}

product.vue

import {mixin} from '../../../../mixins/mixin'

export default {
mixins: [mixin],
}

shop.vue

import {mixin} from '../../../../mixins/mixin'

export default {
mixins: [mixin],
}

in product.vue
I do it on click:
onClick() {
this.hover = 123
}
in product.vue it displays all the rules, in shop.vue hover = null

Answer 1

this is what you can do

Answer 2

in product.vue I do it when clicking <...> in product.vue it displays all the rules, in shop.vue hover = null

That's right, hover in product and hover in shop are different properties, one has nothing to do with the other. Changing a property in one component will not affect the other in any way. If you want it to have an effect - instead of a mixin, bring this hover to vuex, for example.