Как использовать Vue.set в mixins?

Question

[WebDev]

Здравствуйте, я решил вынести метод update в миксин и подключать в разные компоненты.

Код миксина такой:

const $ = require('jquery');
const _ = require('lodash');
const config = require('@/config');
const Vue = require('vue');

module.exports = {
    manageMixin: {
        data: function () {
            return {
            }
        },
        methods: {
            update: function() {
                //some code
                Vue.set(this.data, 'links', result.data.links);
            }
        }
    },
};

Теперь я подключаю его в компоненте:

import {manageMixin} from '@/mixins/manage'

export default {
    ...
    mixins: [manageMixin],
    ...
}

Теперь в моем компоненте доступен метод update из миксина, но использование Vue.set выдает ошибку Vue.set is not a function.
Что я делаю не так?

UPD: работает Vue.default.set, вместо Vue.set, но что-то мне подсказывает что это неправильно.

Answer 1

[0xD34F]

Замените

const Vue = require('vue');

на

const Vue = require('vue').default;

Comments

[WebDev]

Спасибо! А подскажите, правильно ли я все делаю? И в чем разница между import и require? В компонентах я везде использую import Vue from 'vue', а в этом файле такой импорт выдает ошибку.

[Владлен Хеллсайт]

WebDev, require использует cjs систему модулей, и если он импортирует esm то значения по умолчанию будет получено через .default.