Как отсортировать DIVы на Vue или Underscore?

Question

[DrunkMaster]

Ну на JQ на крйняк тоже можно, но в underscorejs есть функция underscorejs.org/#sortBy

Делаю как в примере:

var res = _.sortBy([2, 3, 1], function(num) {
    return num;
});
console.dir(res);

Всё отлично, только вопрос, как в обратном порядке отсортировать по возрастанию?

У меня есть довольно простой кусок кода:

<div id="main">
        <div class="item" data-summ="30">
            <div>Товар, цена 30</div>
        </div>
        <div class="item" data-summ="50">
            <div>Товар, цена 50</div>
        </div>
        <div class="item" data-summ="10">
            <div>Товар, цена 10</div>
        </div>
        <div class="item" data-summ="60">
            <div>Товар, цена 60</div>
        </div>
    </div>

И я вообще не могу понять как загнать его внутрь функции _.sortBy плюс ещё указать что сортировать нужно по атрибуту data-summ

Answer 1

[Александр Аксентьев]

Сортировать надо данные, а не дивы.

А дивы должны рисоваться из данных(уже отсортированных или пересортированных на лету), для этого реактивность и нужна

Comments

[DrunkMaster]

Не совсем понял ваш ответ. Мне надо спарсить данные внутри каждого item? Но надо что бы они не потеряли свою структуру, значит парсит надо в формате HTML? Ну вот я спарсил, сложил в массив, что делать потом?
Я не очень понимаю с чего начать выполнять эту задачу?

[Александр Аксентьев]

DrunkMaster, так причем здесь спарсить, вы или на vue данные получаете и выводите или непонятно причем здесь vue тогда.

В любом случае данные надо в JS получить, любым способом, а потом отрендерить обратно с нуля в нужном порядке.

[DrunkMaster]

Александр Аксентьев,

вы или на vue данные получаете и выводите

У меня нет данных для VUE, всё что у меня есть это эти DIV'ы на странице уже в таком виде