В каком хуке жизненного цикла надо делать проверку на размер экрана?

Question

[ABCquestion]

хочу добавлять класс элементу на мобилке, как это сделать правильно?

Answer 1

[Aetae]

Ни на каком. Нужно расширение прототипа\плагин\глобальный миксин, который будет следить за этим сам, а в компоненте просто использовать его.
Писать эту логику в каком-то одном компоненте нет смысла, потому что она обязательно понадобится и в другом.
Например.

Если очень хочется, то в created вешаешь обработчик на resize(а лучше mediaQuery addListener\onchange раз у тебя есть конкретный берйкпоинт), на destroyed обязательно снимаешь обработчик. Сам обработчик ставит какую-то переменную в data.

Answer 2

[Кирилл Кудрявцев]

Смотря какая логика следует после проверки.

А так mounted

mounted() {
  this.$nextTick(function () {
    // код будет вызван после того как будут отрисованы все дочерние компоненты
  })
}

Comments

[ABCquestion]

Кирилл Кудрявцев, хочу добавлять класс на 768
писать его в mounted ?

Answer 3

[markmariner]

Вам стоит использовать медиа-запросы CSS.

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