March 2018
Beginner to intermediate
344 pages
7h 7m
English
Head over to the Google Chrome Extensions store and download Vue.js devtools (https://goo.gl/Sc3YU1). After installing this, you'll then have access to the Vue panel within your developer tools. In the following example, we're able to see the data object inside of our Vue instance:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Vue.js</title></head><body> <div id="app"></div> <script src="http://unpkg.com/vue"></script> <script> Vue.config.devtools = true new Vue({ el: '#app', data: { name: 'Vue.js Devtools', browser: 'Google Chrome' }, template: ` <div> <h1> I'm using ...Read now
Unlock full access