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

(singke) #1
Using Vue Dev Tools and Testing Your SPA Chapter 12

Drilling down into each component, we can access individual data objects and computed


properties.


Using the Vue developer tools for inspecting your application is a much more efficient way


of validating data while creating your app, as it saves having to place several


console.log() statements.


Viewing Vuex mutations and time-travel


Navigating to the next tab, Vuex, allows us to watch store mutations taking place in real


time. Every time a mutation is fired, a new line is created in the left-hand panel. This
element allows us to view what data is being sent, and what the Vuex store looked like


before and after the data had been committed.

Free download pdf