Vue Js

A collection of 14 posts
Как настроить Axios в приложении Nuxt
Nuxt

Как настроить Axios в приложении Nuxt

Вы, вероятно, слышали про axios или использовали его в своих веб-приложениях. Axios - это HTTP-клиент для браузера и node.js. Он значительно упрощает работу с API-запросами. Если вы работаете с Nuxt, есть официальный модуль, который ещё больше упрощает задачу интеграции этой библиотеки в фреймворк: @nuxtjs/axios. Именно на нём я
5 min read
Начало работы с Axios в Nuxt
Nuxt

Начало работы с Axios в Nuxt

В этой статье я расскажу, как делать запросы в приложении на Nuxt.js с помощью модуля Axios. Вы также узнаете, как использовать методы asncData и fetch для получения данных на стороне сервера с помощью Axios и в чем разница между этими двумя методами. И, наконец, я покажу, как добавить аутентификацию
15 min read
Работа с Vuex в Nuxt
Nuxt

Работа с Vuex в Nuxt

В одной своей статье я уже рассказывал о лучших практиках работы с Vuex в больших приложениях. А в этой статье я покажу вам, как начать работу с Vuex в приложении Nuxt. Как создать свой первый Vuex модуль и как вы можете управлять состоянием в ваших компонентах и страницах приложения Nuxt.
6 min read
Как работать с мета-данными в Nuxt
Nuxt

Как работать с мета-данными в Nuxt

Что такое мета-данные? Сначала давайте поговорим о том, что такое метаданные. Вы можете указывать информацию о html-документе в тегах <meta>. Мета-теги располагаются внутри элемента <head> html-документа. Метатеги могут содержать информацию о следующем: * Информация для браузера о том, как отображать HTML-документ * Инструкции для поисковых систем о том,
5 min read
Почему я предпочитаю React, а не Vue
JavaScript

Почему я предпочитаю React, а не Vue

Vue - это JavaScript фреймворк по дефолту поставляемый в Laravel приложениях (до 6 версии). Я, являясь частью сообщества Laravel, часто получаю вопрос, по предпочтению React в противовес Vue. Ввиду этого, я решил написать статью, где расскажу о нескольких примечательных причинах своего выбора. Ранее я уже писал статьи по React. В
4 min read
Vue шаблоны на JSX
Vue Js

Vue шаблоны на JSX

В своем последнем проекте, на работе, я экспериментирую с JSX шаблонами в Vue. Vue предлагает первоклассную поддержку JSX с практически нулевой конфигурацией, но, похоже, в экосистеме Vue JSX используется нечасто. Вот список того, что мы получим от использования JSX с Vue. Каждый из этих пунктов подробно рассматривается ниже. Аргумент ЗА
6 min read
Как настроить работу с Pug в Vue шаблонах
Vue Js

Как настроить работу с Pug в Vue шаблонах

1. Установка PUG 2. Настройка сборки в Laravel Mix 3. Настройка сборки в vue-cli 4. Примеры работы (v-if, v-for, :class) Введение Pug (известный как jade) - это отличный способ написания HTML разметки. Я работаю в компании, где все фронтенд разработчики используют его. Потому, для себя, я так же решил попробовать
3 min read
Архитектура управления состоянием в крупном приложении на VueJs
Vue Js

Архитектура управления состоянием в крупном приложении на VueJs

В настоящее время веб-приложения становятся всё более сложными и динамичными и должны работать с большим количеством данных наряду с интуитивно понятным и простым пользовательским интерфейсом. Таким образом, управление состоянием приложения является одним из важнейших шагов, которые должны быть предусмотрены разработчиком во время проектирования архитектуры приложения. Эта статья является третьей частью
4 min read
Обработка HTTP-запросов в крупном приложении на Vue.js
Vue Js

Обработка HTTP-запросов в крупном приложении на Vue.js

В своей предыдущей статье я говорил о построении правильной и легко масштабируемой архитектуре приложения на Vue.js. То есть, о том, как организовать код в крупном приложении на Vue.js модульным и масштабируемым образом. В этой части серии статей я расскажу о том, как следуя подобной архитектуре, выполнять HTTP запросы
4 min read
Архитектура большого, масштабного энтерпрайз приложения на VueJs
Vue Js

Архитектура большого, масштабного энтерпрайз приложения на VueJs

При создании нового приложения разработчик часто сталкивается с такими нетривиальными вопросами: 1. Как структурировать модули приложения, поддерживая гибкость и масштабируемость архитектуры 2. Как обрабатывать HTTP запросы 3. Как управлять состоянием приложения 4. Как обрабатывать исключения и ошибки приложения 5. Как логировать данные в системе (вести логи важных событий приложения) У
5 min read
Что нужно знать о Vue3 в 2020 году
Vue Js

Что нужно знать о Vue3 в 2020 году

VueJS является одним из самых популярных фреймворков для фронтенд разработки на данный момент. Это популярный фреймворк, популярность которого продолжает расти всё больше, о чём говорит график еженедельных скачивания в 2019 году. * Что, когда и как? * Внутренние изменения. Переход на Proxy * Composition API * Suspense * Fragments * Portals * Оптимизация рендеринга * Добавлена поддержка TypeScript
10 min read
Использование веб воркеров во VueJs
Vue Js

Использование веб воркеров во VueJs

Как и большинство разработчиков, когда Веб Воркеры впервые появились в JavaScript, я был очень воодушевлён и наполнен энтузиазмом на создание невероятных вещей, благодаря ему. Однако, мой энтузиазм был быстро испепелён, когда я понял, что воркеры должны создаваться в отдельном файле, расположенном на веб-сервере. Это казалось огромной болью, которая не стоила
2 min read
Как передать данные в компонент VueJs из Laravel
Vue Js

Как передать данные в компонент VueJs из Laravel

Очень часто при разработке на Laravel я использую VueJs для построения крутых и прогрессивных шаблонов. Но, при работе я очень часто сталкивался с проблемой - моему компоненты необходимо получать инициализирующие данные от системы. И сегодня я расскажу, как можно передать данные: массивы, объекты, булевы значения, или любые другие примитивные данные
5 min read
Что значит h => h(App) VueJs. Что такое рендер функция
Vue Js

Что значит h => h(App) VueJs. Что такое рендер функция

Имея опыт работы с Vue Js, используя Vue Cli, вы наверняка задавались вопросом, что значит подобная конструкция: new Vue({ render: h => h(App) }).$mount('#app'). Сегодня я подробно, на нескольких примерах объясню, что на самом деле значит Vue render, и когда стоит использовать Vue render function. Когда
2 min read