Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 December 09

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Б#я, я знаю. Общие слова. Я просил метрики
дык, про метрики упоминания я нигде не видел, придумывать, то чего не было сказано как бы такое себе)
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
дык, про метрики упоминания я нигде не видел, придумывать, то чего не было сказано как бы такое себе)
Окей Оби
источник

A

Alexander in Nuxt.js — русскоговорящее сообщество
Что вам больше всего нравится использовать для оптимизации картинок в nuxt (надо сжимать png, jpg)?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Alexander
Что вам больше всего нравится использовать для оптимизации картинок в nuxt (надо сжимать png, jpg)?
это должен делать бэк, если мы говорим о правильном подходе
источник

AZ

Alexander Zaplitniy in Nuxt.js — русскоговорящее сообщество
Может кому будет полезно.
Я вчера спрашивал о проблема разбиение на чанки роутов nuxt с использованиям модуля @nuxtjs/router, модуль использутся для ручного мапинга страниц на маршруты, может быть полезно если вам не подходит автоматическая генерация.
При использовании стандортного подхода испорта компонента через конструкцию
const Page = () => import('@/pages/Page.vue');
Приложения ломается.

Нашел решение импорт нужно делать через вспомагательную функцию.
function interopDefault(promise) {
   return promise.then((m) => m.default || m);
}
Пример импорта:
const Page = () => interopDefault(import("@/pages/Page.vue" /* webpackChunkName: "Page" */));

Разбиение страниц на чанки работает корректно.
источник

IS

Irek Sitdikov in Nuxt.js — русскоговорящее сообщество
Доброго времени суток.

В layout nust.js поддерживаются каким нибудь образом слоты?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Alexander Zaplitniy
Может кому будет полезно.
Я вчера спрашивал о проблема разбиение на чанки роутов nuxt с использованиям модуля @nuxtjs/router, модуль использутся для ручного мапинга страниц на маршруты, может быть полезно если вам не подходит автоматическая генерация.
При использовании стандортного подхода испорта компонента через конструкцию
const Page = () => import('@/pages/Page.vue');
Приложения ломается.

Нашел решение импорт нужно делать через вспомагательную функцию.
function interopDefault(promise) {
   return promise.then((m) => m.default || m);
}
Пример импорта:
const Page = () => interopDefault(import("@/pages/Page.vue" /* webpackChunkName: "Page" */));

Разбиение страниц на чанки работает корректно.
++
источник

N

Nano.Karmabot.chat in Nuxt.js — русскоговорящее сообщество
Grand! AlexanderZaplitniy got +1 from swearwalker. 1 karma in total.
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Irek Sitdikov
Доброго времени суток.

В layout nust.js поддерживаются каким нибудь образом слоты?
а какая задача?
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Alexander Zaplitniy
Может кому будет полезно.
Я вчера спрашивал о проблема разбиение на чанки роутов nuxt с использованиям модуля @nuxtjs/router, модуль использутся для ручного мапинга страниц на маршруты, может быть полезно если вам не подходит автоматическая генерация.
При использовании стандортного подхода испорта компонента через конструкцию
const Page = () => import('@/pages/Page.vue');
Приложения ломается.

Нашел решение импорт нужно делать через вспомагательную функцию.
function interopDefault(promise) {
   return promise.then((m) => m.default || m);
}
Пример импорта:
const Page = () => interopDefault(import("@/pages/Page.vue" /* webpackChunkName: "Page" */));

Разбиение страниц на чанки работает корректно.
++
источник

N

Nano.Karmabot.chat in Nuxt.js — русскоговорящее сообщество
Wonderful! AlexanderZaplitniy got +1 from SRyzhkov. 2 karma in total.
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Alexander Zaplitniy
Может кому будет полезно.
Я вчера спрашивал о проблема разбиение на чанки роутов nuxt с использованиям модуля @nuxtjs/router, модуль использутся для ручного мапинга страниц на маршруты, может быть полезно если вам не подходит автоматическая генерация.
При использовании стандортного подхода испорта компонента через конструкцию
const Page = () => import('@/pages/Page.vue');
Приложения ломается.

Нашел решение импорт нужно делать через вспомагательную функцию.
function interopDefault(promise) {
   return promise.then((m) => m.default || m);
}
Пример импорта:
const Page = () => interopDefault(import("@/pages/Page.vue" /* webpackChunkName: "Page" */));

Разбиение страниц на чанки работает корректно.
Подтверждаю,
Работает!
Есть нюансы, надо изучать
источник

IS

Irek Sitdikov in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
а какая задача?
Хочу в layouts/default.vue создать:
<slot name="sidebar"></slot>

И в pages/profile/index.vue
передать в него:
<template #slot><aside></aside></template>
источник

A

Aleksey R. in Nuxt.js — русскоговорящее сообщество
Здравствуйте. А как перекинуть данные со страницы в компонент? Например у меня есть компонент Header где выводится заголовок статьи. Сам запрос на получение данных статьи, в том числе заголовка, я получаю со тсраницы из директории page. Компонент подключен через layout.

Как мне со страницы передать post.h1 в компонент Header?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Irek Sitdikov
Хочу в layouts/default.vue создать:
<slot name="sidebar"></slot>

И в pages/profile/index.vue
передать в него:
<template #slot><aside></aside></template>
а почему не смотреть за роутом и в соответствии от текущего роута подкидывать нужный компонент сайдбара?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Aleksey R.
Здравствуйте. А как перекинуть данные со страницы в компонент? Например у меня есть компонент Header где выводится заголовок статьи. Сам запрос на получение данных статьи, в том числе заголовка, я получаю со тсраницы из директории page. Компонент подключен через layout.

Как мне со страницы передать post.h1 в компонент Header?
первое и самое простое, что приходит на ум - vuex
источник

A

Aleksey R. in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
первое и самое простое, что приходит на ум - vuex
т.е. придется все-таки с ним разибраться) я просто слышал есть еще какие-то props, это вроде проще. Но спасибо.
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Aleksey R.
т.е. придется все-таки с ним разибраться) я просто слышал есть еще какие-то props, это вроде проще. Но спасибо.
ну еще можно через emit прокинуть данные если запрос успешен
источник

IS

Irek Sitdikov in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
а почему не смотреть за роутом и в соответствии от текущего роута подкидывать нужный компонент сайдбара?
по классике как заведовал сам vue хотел, логику отображения держать там же, а не в ином месте от страницы
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Irek Sitdikov
по классике как заведовал сам vue хотел, логику отображения держать там же, а не в ином месте от страницы
ну тогда вам на уровне страницы нужно подключать сайдбар, а не в лайауте
источник