Vue.js devtools插件Root点击失效或不显示问题的解决方法

　　才学习Vue.js，跟着b站视频学习，视频中用到了Vue.js的Chrome调试插件——Vue.js devtools，我下载的是官方正式版，其他版本不一定适合本教程。

 

　　首先，有关安装Vue.js devtools不能用的问题，我在这里简单过一下，因为很容易百度到解决办法。

　　　　Chrome安装好Vue.js devtools插件后；打开开发者模式；打开Vue.js devtools插件的详细界面，打开允许访问网址，允许反馈数据；刷新网页。

 

　　重点，之后使用插件调试的时候会发现，打开自己的案例网页，按F12并调出Vue.js devtools界面后，会出现“只显示Root,点击无任何反应”或“不出现Root”的情况。

　　初步判断：Vue.js devtools对于纯中文数据的兼容性不是很好，所以会出现点击无任何反应的情况。（请注意：我说的是纯中文数据，也就是说但凡带点英文字母或者数字都不会出现这种问题……具体原因不详，可能是个BUG）

　　【锤子猫の防伪标签】

　　解决方法：如果数据中有纯中文的数据，在纯中文的数据中加入字母或者干脆输入非中文数据，重新打开实例网页即可解决问题。

　　PS：个人看视频自学Vue.js的缺点就是不会像在培训班中有讲师可以帮你解决各种疑难杂症，节省时间成本。