Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

Transitions and Animations Chapter 13 The fade transformation we are referring to is the following CSS: .fade-enter-active, .fad ...

Transitions and Animations Chapter 13 Now, since we bound the name of the transition to a variable, we can easily switch that pr ...

Transitions and Animations Chapter 13 As the number of kisses increase, the princess zooms out: With this, the Santa zooms in: H ...

14 Vue Communicates with the Internet In this chapter, the following recipes will be covered: Sending basic AJAX request with Ax ...

Vue Communicates with the Internet Chapter 14 Sending basic AJAX requests with Axios Axios is the recommended library for Vue fo ...

Vue Communicates with the Internet Chapter 14 Our Vue instance is as follows: new Vue({ el: '#app', data: { advice: 'loading...' ...

Vue Communicates with the Internet Chapter 14 This will return a promise. We can use the then method on any promise to act on th ...

Vue Communicates with the Internet Chapter 14 The last part is when something wrong happens to our request or to our code inside ...

Vue Communicates with the Internet Chapter 14 Validating user data before sending it Generally, users hate forms. While we can't ...

Vue Communicates with the Internet Chapter 14 console.info('fake AJAX request') } } }) Run this app and try to submit the form w ...

Vue Communicates with the Internet Chapter 14 Many a time, the problem is that to leverage this API, we need to trigger the nati ...

Vue Communicates with the Internet Chapter 14 <h3>Write a new post</h3> <form> <div> <label>Title ...

Vue Communicates with the Internet Chapter 14 this.response = xhr.response } else { this.response = 'Error: ' + xhr.status } } } ...

Vue Communicates with the Internet Chapter 14 How it works... Most of the magic happens in the submit method. In the first line, ...

Vue Communicates with the Internet Chapter 14 The last thing we need to do, after setting up the event handlers, is to actually ...

Vue Communicates with the Internet Chapter 14 Getting ready This recipe is a little complex, but, does not use advanced concepts ...

Vue Communicates with the Internet Chapter 14 } Our Vue instance will keep track of a few things; write this code to start build ...

Vue Communicates with the Internet Chapter 14 this.responses[request.id] = this.requests[request.id] delete this.requests[reques ...

Vue Communicates with the Internet Chapter 14 Switch the tab to Network and open the dropdown where you see No Throttling: Click ...

Vue Communicates with the Internet Chapter 14 Add a new custom throttling called Everest with 1kb/s for download and upload and ...