nuxt - DIGITAL.ERA

DIGITAL.ERA

Sign in Subscribe

nuxt

A collection of 7 posts

Nuxt: взгляд в 2023

Результатом многолетней работы стал не только выпуск новой версии Nuxt (3), но новая архитектура, функциональная серверная среда (Nitro) и новая организационная экосистема в Github (UnJs)

Получение данных в Nuxt

Получение данных в Nuxt

Хук fetch наиболее универсальный способ получения данных. Может использоваться в компонентах, макета, страницах, выполнятся на стороне сервера и клиента.

Nuxt 3

Nuxt это платформа с открытым исходным кодом под лицензией MIT для создания современных и производительных веб-приложений, которые могут работать практически на любых платформах где выполняется JavaScript. Чтобы понять что такое Nuxt, разберемся что необходимо для современного приложения: * JavaScript фреймворк, для "реактивности" и использования веб-компонентов, в Nuxt это Vue.js * Сборщик

Nuxt 3 beta

И так, через 468 дней после первого коммита Nuxt 3 вышел в бета-версии. Более года интенсивной разработки Nuxt 3. Документация и код. Новая основа Помимо Vue3 и Vite, Nuxt 3 содержит новый серверный движок, который открывает новые возможности. Это JavaScript сервер приложений который переносим среди множества современных облачных провайдеров. В

Nuxt 3 is coming

Созданные полностью с нуля для современного web. Гибридный статичный и серверный рендеринг, API маршруты и native serverless. Что нового ожидается в Nuxt 3 До 75 раз меньше при развертывании сервера и меньший клиентские скрипты для современных браузеров. Оптимальный холодный старт с динамическим разделением кода на стороне сервера, на основе nitro.

Nuxt load JSON

Вопрос: Есть json файл, в котором есть данные для инициализации страницы, какой способ загрузки следует использовать? В 2017 году создатель Nuxt ответил примерно так: Запрос на сервере // wrong export default { asyncData() { return axios.get('/data.json').then((res) => res.data) } } Когда мы пытаемся исполнить http запрос на стороне сервера,

Nuxt Fetch. How?

Nuxt Fetch. How?

Начиная с версии 2.12 в Nuxt появился новый подход к получению данных приложением. Хук Fetch и жизненный цикл Nuxt Сверху вниз NuxtServerInit | Route Middleware | validate | asyncData() | beforeCreate() | created() | [$fetchState.pending = true] >>> fetch() <<< | mounted() [$fetchState.pending = false] Хук fetch() вызывается после того, как экземпляр компонента создан на стороне сервера. Эт