Size: a a a

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

2020 November 29

D

D in Nuxt.js — русскоговорящее сообщество
а стили где прописать? они одни на всё
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
Почитайте про компонентый подход. Стиль футера к примеру стоит держать в компоненте футера, если у вах SFC используется.
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
D
а стили где прописать? они одни на всё
Используете *.vue файлы или js и css отдельно?
источник

D

D in Nuxt.js — русскоговорящее сообщество
*.vue
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
Тогда никаких проблем. Изолируете стили вынесенного в компонент блока в блок style
источник

D

D in Nuxt.js — русскоговорящее сообщество
да, но базовые ведь общие есть? или я неправильно делаю

грубо говоря цвет текста он везде один на главной и внутренних
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
Глобальные, например я подключаю 1 раз в корневом компоненте App
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
И ничто не мешает вынести глобальне стили в отдельный файл, например styles.css и подлючить его импортом в блоке style компонента App
Если стилей много. Чтобы не раздувать этот компонент визуально.
источник

IB

Il Bu in Nuxt.js — русскоговорящее сообщество
Stanislav Dior
Огромное спасибо, завтра буду играться)
Пысы, у меня нету Бэка ) просто сайт визитка))
Все равно спасибо, есть с чем поэкспериментировать
Прелоадеры перекрывающие весь экран считаются плохой практикой, которая снижает конверсию. Если какие-то блоки на сайте не успевают загрузиться и это выглядит плохо то можете лучше отображать вместо них скелетоны - это как на фейсбуке анимация вместо постов в ленте. Вам важно что бы пользователь мог видеть контент как можно раньше, пускай даже по частям
источник

D

D in Nuxt.js — русскоговорящее сообщество
я не очень опытный, когда чистый Vue.js пробовал да, был App
но для Nuxt'а использовал create-nuxt-app и App'а нет — это нормально?
источник

E

Evg in Nuxt.js — русскоговорящее сообщество
Il Bu
Прелоадеры перекрывающие весь экран считаются плохой практикой, которая снижает конверсию. Если какие-то блоки на сайте не успевают загрузиться и это выглядит плохо то можете лучше отображать вместо них скелетоны - это как на фейсбуке анимация вместо постов в ленте. Вам важно что бы пользователь мог видеть контент как можно раньше, пускай даже по частям
Шимеры
источник

E

Evg in Nuxt.js — русскоговорящее сообщество
D
я не очень опытный, когда чистый Vue.js пробовал да, был App
но для Nuxt'а использовал create-nuxt-app и App'а нет — это нормально?
Да
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
Il Bu
Прелоадеры перекрывающие весь экран считаются плохой практикой, которая снижает конверсию. Если какие-то блоки на сайте не успевают загрузиться и это выглядит плохо то можете лучше отображать вместо них скелетоны - это как на фейсбуке анимация вместо постов в ленте. Вам важно что бы пользователь мог видеть контент как можно раньше, пускай даже по частям
Скелетоны - хороший вариант, если есть понимание как их "готовить" и время на это. Прелоадер же - фаст решение. Тем более, если он висит не долго (несколько секунд, а то и долей), то это выглядит лучше, чем прыгающая страница от перерисовки)
источник

E

Evg in Nuxt.js — русскоговорящее сообщество
Валерий Чернов
Скелетоны - хороший вариант, если есть понимание как их "готовить" и время на это. Прелоадер же - фаст решение. Тем более, если он висит не долго (несколько секунд, а то и долей), то это выглядит лучше, чем прыгающая страница от перерисовки)
Есть очень много хитростей с ними преордер почти всегда это плохо
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
Валерий Чернов
Скелетоны - хороший вариант, если есть понимание как их "готовить" и время на это. Прелоадер же - фаст решение. Тем более, если он висит не долго (несколько секунд, а то и долей), то это выглядит лучше, чем прыгающая страница от перерисовки)
Вариантов на самом деле больше.
Вынесенный первый экран и его загрузка в приоритете.
Асинхронные компоненты ниже первого экрана.
И т.п.
источник

D

D in Nuxt.js — русскоговорящее сообщество
а, вижу — создать глобальные стили в assets и включить в каждый шаблон, правильно?

получится дублирование, но всего одной строчки
источник

E

Evg in Nuxt.js — русскоговорящее сообщество
D
а, вижу — создать глобальные стили в assets и включить в каждый шаблон, правильно?

получится дублирование, но всего одной строчки
В наксте укажи
источник

E

Evg in Nuxt.js — русскоговорящее сообщество
В конфиге самом
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
D
а, вижу — создать глобальные стили в assets и включить в каждый шаблон, правильно?

получится дублирование, но всего одной строчки
Как-то так, да
источник

ВЧ

Валерий Чернов... in Nuxt.js — русскоговорящее сообщество
D
а, вижу — создать глобальные стили в assets и включить в каждый шаблон, правильно?

получится дублирование, но всего одной строчки
Либо, как посоветовали выше. В nuxt.config.js (можно найти в доке nuxt об этом)
источник