Вычисляемые свойства во VUE 2 не сливаются между собой?

Question

[Evtera]

Здравствуйте. Есть разные компоненты с одним и тем же вычисляемым свойством. Это свойство принимает в себя данные по ключу из data. Ключи в компонентах разные.

Принял решение использовать mixin. В нём использовал бы

computed: {
    dateRangeFormat() {
    
      const data = {
        start: '',
        end: '',
      };
    };

А в самих компонентах уже бы перезаписывал это в виде

const data = [
        this.filtersData.datePicker[0],
         this.filtersData.datePicker[1],
       ];

но как я понял, в отличии от хуков/data, слияние вычисляемых свойств во vue 2 не работает. Правильно?

Answer 1

[Aetae]

Не понятно чего ты хочешь, но всё работает.


Или ты хочешь как-то соединить результаты нескольких computed с одним и тем же именем из разных минксинов? 0_о
Если так, то ответь для начала какую проблему ты хочешь этим решить, потому как, думается мне, ты делаешь что-то неправильно.
Однако, если очень хочется, Vue позволяет настраивать кастомные стратегии слияния, в т.ч и для computed:

Но юзать такое надо с осторожностью, т.к. стратегии меняются глобально.

Comments

[Evtera]

у меня ключи в data компонентов разные. Вот в чем загвоздка. Я хочу сделать так, чтобы одно computed свойство подходило к разным ключам

[Aetae]

Evtera, но тогда тебе придётся их как-то указывать. Что займёт кода столько же, сколько написание отдельного computed, при этом будет куда менее читаемо.

В таких случаях, имхо, лучше ограничиться функцией-хэлпером:

[Evtera]

Aetae, я думал, что можно вначале computed свойства в миксине написать переменную типа data = []

и уже в самом компоненте создать computed свойство, у которого будет указана другая переменная data=[a,b,c]

и при слиянии компонент перезапишет миксин и всё. Но судя по всему, так нельзя

[Aetae]

Можно всё.
Evtera, вот как, гипотетически, должен выглядеть ваш код с таким универсальным mixin'ом? В том же фиддле напишите пример(даже не работчий, но вот прям полностью как-будто рабочий).
Мне нужен код.)

[Evtera]

Aetae, https://jsfiddle.net/yhn2L5qc/2/ думал как-то так :-)

[Evtera]

Посмотрел ваш код еще раз внимательно. Мне кажется, что вы написали именно то, что мне было нужно. Нужно проветить)

upd похоже, что действительно проще воспользоваться функцией хелпером. Сразу как-то про нее не подумал, захотелось именно миксин влепить

[Aetae]

Evtera, да, скорее всего. Попрвил твой код: https://jsfiddle.net/bv2na7cu/

Ну и до кучи пример на миксинах, но хэлпер в данном случае удобнее и нагляднее: https://jsfiddle.net/ky236p7v/2/