Join Michael Sullivan for an in-depth discussion in this video Using the Vue Devtools browser extension, part of Learning Vue.js.
- Next we're gonna look at an essential tool…for Vue development,…which is the Vue tools browser extension.…If I search for…vuejs devtools…or probably just Vue…in the Chrome web store,…it should be the first result.…This is also available for Firefox, by the way.…So if I add this to Chrome,…you should now see a…V appear in the upper right,…and if I right-click that…and choose manage extensions,…I just want to make sure that…access to file URLs is enabled,…so that I can run these pages from the desktop…and use this extension.…
Then if I go back to my astronomy picture of the day page…and press F12 to open up the console,…I now have a Vue tab on the right here,…and you may have to refresh to see that sometimes.…If I click that and then click on the root component here…I can see everything that I care about in this example…on the right now, which is just these 2 data properties.…This extension is gonna make your work a lot easier…because if you compare looking at this view,…with say, typing VM on the console…and trying to examine your…
- Adding Vue to a webpage
- Thinking declaratively with data binding
- Methods and event handling
- Adding dynamic style and class attributes
- Using CSS transitions and animations
- Using Vue components
- Vue CLI
Skill Level Intermediate
Web Programming Foundationswith Morten Rand-Hendriksen58m 44s Beginner
What you should know1m 29s
1. The Simplest Form
2. Essential Directives, Options, and Tools
3. Enhancing User Interfaces
4. Vue Components
Next steps2m 32s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.