Vue.js 2.x by Example:Example-driven guide to build web apps with Vue.js for beginners
Release Finelybook 出版日期：2017-12-27
Vue.js is a frontend web framework which makes it easy to do just about anything, from displaying data up to creating full-blown web apps, and has become a leading tool for web developers. This book puts Vue.js into a real-world context, guiding you through example projects that helps you build Vue.js applications from scratch.
With this book, you will learn how to use Vue.js by creating three Single Page web applications. Throughout this book, we will cover the usage of Vue, for building web interfaces, Vuex, an official Vue plugin which makes caching and storing data easier, and Vue-router, a plugin for creating routes and URLs for your application.
Starting with a JSON dataset, the first part of the book covers Vue objects and how to utilize each one. This will be covered by exploring different ways of displaying data from a JSON dataset. We will then move on to manipulating the data with filters and search and creating dynamic values.
Next, you will see how easy it is to integrate remote data into an application by learning how to use the Dropbox API to display your Dropbox contents in an application
In the final section, you will see how to build a product catalog and dynamic shopping cart using the Vue-router, giving you the building blocks of an e-commerce store.
1:GETTING STARTED WITH VUE.JS
2:DISPLAYING, LOOPING, SEARCHING, AND FILTERING DATA
3:OPTIMIZING YOUR APP AND USING COMPONENTS TO DISPLAY DATA
4:GETTING A LIST OF FILES USING THE DROPBOX API
5:NAVIGATING THROUGH THE FILE TREE AND LOADING FOLDERS FROM THE URL
6:CACHING THE CURRENT FOLDER STRUCTURE USING VUEX
7:PRE-CACHING OTHER FOLDERS AND FILES FOR FASTER NAVIGATION
8:INTRODUCING VUE-ROUTER AND LOADING URL-BASED COMPONENTS
9:USING VUE-ROUTER DYNAMIC ROUTES TO LOAD DATA
10:BUILDING AN E-COMMERCE STORE – BROWSING PRODUCTS
11:BUILDING AN E-COMMERCE STORE – ADDING A CHECKOUT
12:USING VUE DEV TOOLS AND TESTING YOUR SPA
What You Will Learn
Looping through data with Vue.js
Searching and filtering data
Using components to display data
Getting a list of files using the dropbox API
Navigating through a file tree and loading folders from a URL
Caching with Vuex
Pre-caching for faster navigation
Introducing vue-router and loading components
Using vue-router dynamic routes to load data
Using vue-router and Vuex to create an ecommerce store
Mike Street (aka mikestreety) is a frontend developer from Brighton, UK. Specializing in Gulp, SCSS, HTML, and Vue, he has been developing websites professionally since 2010. After making his first Vue app as an experimental side project, he’s been hooked ever since. When not developing on the web, Mike likes to explore the Sussex countryside on his bike, start a new side-project without finishing the last, or heading to the cinema..