Hedy

Во втором случае - 2 разных объекта никогда не будут равны. (приведение типов не используется)

В первом случае используется приведение типов, аналогично данной записи: ""==[].toString()

Можно попробовать вот так, при наличии "order" будет сортировать по нему, в противном случае оставит порядок без изменений. order должен быть > 0

array.sort(function (a, b) {
	return (a.order || 0) - (b.order || 0)
})

1. Достаточно 1 раз создать экземляр в коде на статре приложения.
2. Компонент может содержать все возможные свойства и метода Vue в том числе и data.
3. Документация по компонентам максимально исчерпывающая: Основы компонентов

let currentTime = new Date().getHours();
if (currentTime >= 23 || currentTime <= 6) {
  console.log('match');
} else {
  console.log('not match');
}

Вы пытаетесь отрисовать минимум 1200х1200 = 1 440 000 элементов - логично, что ни один браузер этого вам с приемлемым комфортом не сделает.

Вам нужно реализовать виртуальный скроллинг для ваших данных, т.е. отображать только видимую область вашей таблицы, а при скроллинге - перерисовывать ее.