The article directories

  • The installation
    • 1. Download the vue.js devTools plug-in
    • 2. Extensions
  • use

The installation

1. Download the vue.js devTools plug-in

Go to the Google Chrome Plugin download center and search vue www.chromefor.com/

Find the picture below and click on it



Click on this website to download



There are three optional download routes, download HongKong, China

2. Extensions

Open Google Browser and install the extension

Just drag in the vue.js DevTools you downloaded

This will display the small icon shown below, which will turn green when you start a VUE application.

use

Open a VUE program

At this time, we found that the icon on the browser automatically lit up, press F12 debug, click vUE debug interface



The diagram below:

It will clearly tell you the Vue page location, and the components used, Vue is data-driven, so you can see the corresponding data, convenient for us to debug. How, feel working efficiency to rise!