Vue Js - Блог php программиста: статьи по PHP, JavaScript, MySql

Vue Js

A collection of 15 posts

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

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

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

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

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

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

Работа с Vuex в Nuxt

Работа с Vuex в Nuxt

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

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

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

Что такое мета-данные? Сначала давайте поговорим о том, что такое метаданные. Вы можете указывать информацию о html-документе в тегах . Мета-теги располагаются внутри элемента html-документа. Метатеги могут содержать информацию о следующем: * Информация для браузера о том, как отображать HTML-документ * Инструкции для поисковых систем о том, как интерпретировать и отображать информацию * Описание

React для Vue разрабочиков

React для Vue разрабочиков

Последние несколько лет я использую как React, так и Vue в различных проектах, начиная от небольших веб-сайтов и заканчивая крупномасштабными приложениями. Недавно я писал статью о том, почему я предпочитаю React, а не Vue для некоторых своих проектов. И сегодня я решил выпустить статью на тему того, в чём похожи,

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

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

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

Vue шаблоны на JSX

Vue шаблоны на JSX

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Очень часто при разработке на Laravel я использую VueJs для построения крутых и прогрессивных шаблонов. Но, при работе я очень часто сталкивался с проблемой - моему компоненты необходимо получать инициализирующие данные от системы. И сегодня я расскажу, как можно передать данные: массивы, объекты, булевы значения, или любые другие примитивные данные

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

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

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