Ключевая особенность
- Мы устраняем разрыв между «обучением» и «деланием», предоставляя примеры из реальной жизни, которые улучшат ваши навыки веб-разработки с 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-фреймворк для стилизации своих проектов.
Содержание
- Начало работы с Vue.js
- Поиск и фильтрация данных
- Использование компонентов для отображения данных
- Получение списка файлов с использованием API Dropbox
- Навигация по дереву файлов и загрузка папок с URL
- Кэширование текущей структуры папок с использованием Vuex
- Предварительное кэширование других папок для более быстрой навигации
- Представляем vue-router и загружаем компоненты на основе URL
- Использование динамических маршрутов vue-router для загрузки данных
- Создание магазина электронной коммерции – просмотр товаров
- Создание магазина электронной коммерции – добавление заказа
Скрытый контент
- Вы не зарегистрированы
- Вы не вошли как пользователь
- У Вас просрочена подписка
- Ваша подписка не даёт вам право скачивать данный раздел