Install the vue-devtools debugging tool

Install vue-devtools online in Chrome browser

Vue 2.x debugging tool:

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

Vue 3.x debugging tool:

https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg

Note: The browser debugging tools of vue2 and vue3 cannot be cross-used!

step

1. Open the chrome browser

2. Click on the upper right corner to select extensions

 3. Open the store

4. Search vue

 5. Select the appropriate version

 6. Select Add

 

7. Successfully added

8. Configuration details

 

 

 

9. In the future, open the vue file with a browser and press F12 to have the vue option