@andrei_pro

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

Всем привет.

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

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
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
в product.vue делаю при клике <...> в product.vue все норм выводит, в shop.vue hover = null

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы