Алексей Ярков

Есть небольшой проект, в котором используется vue

Стоит ли использовать компоненты

Ну так компоненты же и есть суть Vue. Конечно стоит. А Vuex - зависит от вашей задачи. не надо его пихать везде и всюду, если обойтись можно.

Вот писал 100 лет назад, но вроде работает
https://gist.github.com/yarkovaleksei/847f56669007...

Накидал для примера
https://jsfiddle.net/yarkov_aleksei/0tom7mkz/

Вызывая createCounter()() вы каждый раз заново создаете такой участок:

var numberOfCalls = 0;
   return function() {
      return ++numberOfCalls;
   }

Вызывая

var fn = createCounter()
fn()
Вы создаете этот участок один раз и в fn теперь ссылка на этот код. То есть переменная numberOfCalls не обнуляется каждый раз.
- - -
Объяснил как смог )))

result =time;
// replace to
return time;

У вас функция formatTime не возвращает значение

Откройте для себя JS шаблонизаторы

const test = [
	[2, 7, 2],
  [2, 5, 4],
  [2, 1, 5],
  [3, 1, 2]
]
const concat = [].concat(...test)
const min = Math.min.apply(null, concat)
const index = concat.findIndex(e => e === min)
alert(`test[${Math.floor(index / 3)}][${Math.floor(index % 3)}]`)

https://jsfiddle.net/yarkov_aleksei/00bk2sLz/

Используйте для этого some

https://www.sublimetext.com/docs/3/linux_repositor...

Вот вам для примера
https://jsfiddle.net/yarkov_aleksei/v2tuxeyb/1/

const groups = [
	{ id: 1, name: 'group 1', items_ids: [1, 2, 4] },
  { id: 2, name: 'group 2', items_ids: [8, 2, 3] },
  { id: 3, name: 'group 3', items_ids: [12, 1] },
  { id: 4, name: 'group 4', items_ids: [] },
  { id: 5, name: 'group 5', items_ids: [] },
]

const result = groups
	.filter(group => group.items_ids.length > 0)
  .reduce((prev, next, i, acc) => prev.concat(next.items_ids), [])

console.clear()
console.log(result) // [1, 2, 4, 8, 2, 3, 12, 1]
console.log([...new Set(result)]) // [1, 2, 4, 8, 3, 12]

OMG... Первая ссылка в гуголе
https://ru.stackoverflow.com/questions/333930/%D0%...

mixin test(param)
  div(class="b-content-img-#{param}")
    block

+test("test")
  h1 Test

$ curl -X POST http://localhost:8080 --data-urlencode "data=value"

$(document).ready(function () {
  $('.myclass').click(function(event) {
    console.log('кликнули на класс myclass');
  })
})

пушить на github закатывать это всё лень если честно

$ git add -A && git commit -a && git push origin HEAD

Если так лень, то короче только Ctrl+C Ctrl+V в папку, которая к облаку подключена.

Вот прям ваш случай: https://learn.javascript.ru/proxy
https://jsfiddle.net/yarkov_aleksei/q3doo0so/

let dictionary = {
  'Hello': 'Привет',
  'Bye': 'Пока'
}

dictionary = new Proxy(dictionary, {
  get(target, phrase) {
    if (phrase in target) {
      return target[phrase]
    } else {
      console.log(`No phrase: ${phrase}`)
      return phrase
    }
  }
})

// Обращаемся к произвольным свойствам словаря!
alert( dictionary['Hello'] ) // Привет
alert( dictionary['Welcome']) // Welcome (без перевода)

Мда... Начните с того, что почитаете про контекст в JS. Ну и документацию к Vue.
Вот в этой строке

let res = this.sendForm('logout')
.done(function(){
    getUserInfo(); // это не функция, а метод. Почему вы так вызываете?
});

Потом вот это
let vm = this; // зачем эта дичь?
Вы же хотите юзать методы? ну так и юзайте их
Код не проверял, ибо лень. Но идея думаю ясна.

const vm = new Vue({
    el: '#navbar',
    data () {
        return {
            user: {}
        }
    },
    methods: {
        getUserInfo () {
            $.ajax({
                type: 'GET',
                url: config.apiHost + apiRoutes.getUserInfo,
                dataType: 'json'
            })
            .done((res) => {
                if (!res.error) {
                    vm.user = res.data
                }
            })
        },
        loginLocal () {
            this.sendForm('loginLocal')
                .done(() => vm.getUserInfo())
        },
        logout (e) {
            this.sendForm('logout')
                .done(() => vm.getUserInfo())
        }
    }
})

- - -
P.S. Ну и мешать jQuery с Vue, тем паче для AJAX, так себе затея. Возьмите axios хотя бы.

https://nodejs.org/api/http.html#http_response_set...

Ну я React даже не трогал, на первом Angular писал когда-то и вот несколько месяцев уже на Vue работаю.
Я бы брал Vue. Порог вхождения у него низкий, документация русскоязычная просто пушка, ну и для вашей задачи мне кажется самое то.

Файлом дешевле как по мне. Плюс кеширование включить.