March 2018
Beginner to intermediate
344 pages
7h 7m
English
Being able to accurately debug our application is an important part of our development workflow. In the previous chapter, we installed the VueJS devtools, and we'll be looking at using it in more detail within this section. Let's make a playground project:
# New projectvue init webpack-simple vue-devtools# Change directorycd vue-devtools# Install dependenciesnpm install# Run applicationnpm run dev
We can then open up our developer console and navigate to the Vue tab. When we select App from within the components list, we can see the data object(s) and other information for this component. By default, we have the msg variable that we're then binding to within our template, and we can see this within our developer tools:
Read now
Unlock full access