Size: a a a

Nuxt.js | Vue SSR

2021 February 07

R

Roman in Nuxt.js | Vue SSR
Илья Бельский
сегодня в 18:00 по МСК если все пойдет по плану, мы с @AlexShepard89 проведем стрим где Алекс расскажет про мониторинг приложений в проде и все что с этим связано.

ссылка на трансляцию будет чуть позже
там будет про реалтайм и socked io? с примерами?
источник

R

Roman in Nuxt.js | Vue SSR
привет
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Yury Khmarin
Как думаете почему сначала выдаёт ошибку, а потом срабатывает ?
потому, что первый раз скрипт запустился на сервере, а в консоль эта ошибка была перенаправлена из консоли сервер, это видно по тому, что ошибка находится под разворачиваемым списком "Nuxt SSR".
Ну а на клиенте уже выполняется без ошибки.
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Я бы предложил вам вместо фильтров использовать обыкновенные методы-функции, если эта фенкция пригодится в нескольких компонетах, то её можно вынести в отдельный файл и импортировать везде где она понадобится. Импортированную функцию присвоить в метод компонета.
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
потому, что первый раз скрипт запустился на сервере, а в консоль эта ошибка была перенаправлена из консоли сервер, это видно по тому, что ошибка находится под разворачиваемым списком "Nuxt SSR".
Ну а на клиенте уже выполняется без ошибки.
хотелось бы с фильтрами разобраться
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Yury Khmarin
хотелось бы с фильтрами разобраться
зачем?, разработчики Vue ушли от них, в Vue3 их не будет.
Там проблема с this, гораздо легче преобразовывать что-то чистой функцией(у которой нет проблем с this, потому что она присваивается в метод), а смысл остается тем же.
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
зачем?, разработчики Vue ушли от них, в Vue3 их не будет.
Там проблема с this, гораздо легче преобразовывать что-то чистой функцией(у которой нет проблем с this, потому что она присваивается в метод), а смысл остается тем же.
интересная информация спасибо!)
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
зачем?, разработчики Vue ушли от них, в Vue3 их не будет.
Там проблема с this, гораздо легче преобразовывать что-то чистой функцией(у которой нет проблем с this, потому что она присваивается в метод), а смысл остается тем же.
это как компоненту создать типа?
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
зачем?, разработчики Vue ушли от них, в Vue3 их не будет.
Там проблема с this, гораздо легче преобразовывать что-то чистой функцией(у которой нет проблем с this, потому что она присваивается в метод), а смысл остается тем же.
я имею ввиду как вариант ))) или просто export function из папки helpers
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Yury Khmarin
я имею ввиду как вариант ))) или просто export function из папки helpers
и там доступ к this будет через import Vue  from 'vue' ? т.е. через Vue.$moment... обращаться
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Да, просто набор вспомогательных функций в папке helpers/ (просто для DRY)
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Yury Khmarin
и там доступ к this будет через import Vue  from 'vue' ? т.е. через Vue.$moment... обращаться
Если фильтр нужен только в этом компоненте или фильтру нужен доступ с this этого компонента - то я его пишу обычным методом в этом компоненте (просто чтобы экономить память и не кидать контексты в простые функции.).
Если фильтр универсальный и ему не нужен this, то я выношу его в helpers/  (форматирую время или деньги например).
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
Если фильтр нужен только в этом компоненте или фильтру нужен доступ с this этого компонента - то я его пишу обычным методом в этом компоненте (просто чтобы экономить память и не кидать контексты в простые функции.).
Если фильтр универсальный и ему не нужен this, то я выношу его в helpers/  (форматирую время или деньги например).
а как мне добраться к модулю @nuxtjs/moment в обычной функции? если она вне компонента
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Yury Khmarin
а как мне добраться к модулю @nuxtjs/moment в обычной функции? если она вне компонента
на вскидку - попробуйте this.$moment
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
Но это внутри компонента. В обычной функции конечно никак. Только принимать контекстом.
источник

SC

Sheldon Cooper in Nuxt.js | Vue SSR
И да, для информации - библиотека momemt.js уже официально объявлена legacy, её разработчики заявили, что обновляться она больше не будет.
Я у себя обычно использую встроенный в JS Intl https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
И да, для информации - библиотека momemt.js уже официально объявлена legacy, её разработчики заявили, что обновляться она больше не будет.
Я у себя обычно использую встроенный в JS Intl https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
Что я делаю не так? я просто новичок)
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
И да, для информации - библиотека momemt.js уже официально объявлена legacy, её разработчики заявили, что обновляться она больше не будет.
Я у себя обычно использую встроенный в JS Intl https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
источник

YK

Yury Khmarin in Nuxt.js | Vue SSR
Sheldon Cooper
И да, для информации - библиотека momemt.js уже официально объявлена legacy, её разработчики заявили, что обновляться она больше не будет.
Я у себя обычно использую встроенный в JS Intl https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
источник

NG

Nick Golub in Nuxt.js | Vue SSR
Yury Khmarin
Что я делаю не так? я просто новичок)
всё просто, у вас светлая тема, в ней ничего не видно)
источник