vue3 ref函数（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的缺点就是不会像在培训班中有讲师可以帮你解决各种疑难杂症 ，节省时间成本 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！