才学习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的缺点就是不会像在培训班中有讲师可以帮你解决各种疑难杂症,节省时间成本。