Mixins не реактивны vuejs?

Question

[andrei_pro]

Всем привет.

Реактивны ли миксины во вью?

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],
}

в product.vue
делаю при клике:
onClick() {
this.hover = 123
}

в product.vue все норм выводит, в shop.vue hover = null

Comments

[alex]

у вас неверное представление о том, что такое миксины

[andrei_pro]

Alex, как я думал - миксины для убирания дублирования кода, собственно я могу функцию и переменную заюзать в 2х местах

[alex]

andrei_pro, ага, только это не значит что миксин при этом как то связывает между собой компоненты в которые он добалвен

Answer 1

[alex]

вот такое можно сделать

Answer 2

[0xD34F]

в product.vue делаю при клике <...> в product.vue все норм выводит, в shop.vue hover = null

Всё правильно, hover в product и hover в shop - это разные свойства, одно к другому никакого отношения не имеет. Изменение свойства в одном компоненте никак не повлияет на другой. Хотите, чтобы влияло - вместо миксина выносите этот hover в vuex, например.

Comments

[andrei_pro]

Собственно я и хотел разгрузить vuex и перенести такие вещи как состояние кнопок туда. Может можно как-то глобальную переменную и туда писать?

[0xD34F]

andrei_pro, да, можно. Нет, как это сделать здесь я вам говорить не буду. Потому что вопрос не об этом. Идите оформляйте новый. И запомните: задавая вопрос, следует начинать с рассказа о том, что вы пытаетесь сделать. Не как, а что. Чтобы не получалось как сейчас - спрашиваете вроде бы одно, а реально надо совсем другое.