Vue.js 2.x by Example – создание веб-приложений с помощью Vue.js

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

Ключевая особенность

• Мы устраняем разрыв между «обучением» и «деланием», предоставляя примеры из реальной жизни, которые улучшат ваши навыки веб-разработки с Vue.js
• Изучите интересные возможности Vue.js 2 на практических и интересных примерах
• Изучите современные инструменты разработки и узнайте, как их использовать, создавая приложения с помощью Vue.js.

Из этой книги вы узнаете, как использовать Vue.js, создав три одностраничных веб-приложения. В этой книге мы рассмотрим использование Vue для создания веб-интерфейсов, Vuex, официального плагина Vue, облегчающего кэширование и хранение данных, и Vue-router, плагин для создания маршрутов и URL-адресов для вашего приложения.

Начиная с набора данных JSON, первая часть книги охватывает объекты Vue и способы их использования. Это будет рассмотрено путем изучения различных способов отображения данных из набора данных JSON. Затем мы перейдем к манипулированию данными с фильтрами, поиску и созданию динамических значений.

Далее вы увидите, как легко интегрировать удаленные данные в приложение, изучив, как использовать Dropbox API для отображения содержимого Dropbox в приложении.

В последнем разделе вы увидите, как создать каталог товаров и динамическую корзину покупок с помощью Vue-router, предоставляя вам строительные блоки для интернет-магазина.

Что вы узнаете

• Цикл данных с помощью Vue.js
• Поиск и фильтрация данных
• Использование компонентов для отображения данных
• Получение списка файлов с использованием API Dropbox
• Навигация по дереву файлов и загрузка папок с URL
• Кеширование с Vuex
• Предварительное кэширование для более быстрой навигации
• Представляем vue-router и загрузку компонентов
• Использование динамических маршрутов vue-router для загрузки данных
• Использование vue-router и Vuex для создания интернет-магазина

Для кого эта книга

Эта книга для разработчиков, которые знакомы с основами JavaScript и хотят изучить Vue.js на реальных примерах. Вы должны понимать основы функций и переменных JavaScript и уметь использовать CSS или CSS-фреймворк для стилизации своих проектов.

Содержание

1. Начало работы с Vue.js
2. Поиск и фильтрация данных
3. Использование компонентов для отображения данных
4. Получение списка файлов с использованием API Dropbox
5. Навигация по дереву файлов и загрузка папок с URL
6. Кэширование текущей структуры папок с использованием Vuex
7. Предварительное кэширование других папок для более быстрой навигации
8. Представляем vue-router и загружаем компоненты на основе URL
9. Использование динамических маршрутов vue-router для загрузки данных
10. Создание магазина электронной коммерции – просмотр товаров
11. Создание магазина электронной коммерции – добавление заказа