Vue devtool如何检测网页上的Vue?

Posted

技术标签:

【中文标题】Vue devtool如何检测网页上的Vue?【英文标题】:How do Vue devtool detect Vue on the webpage? 【发布时间】:2018-05-29 21:18:11 【问题描述】:

我在使用webpack时,无法访问window.Vue,但是vue devtool仍然可以判断网页是否使用vue,无论是否处于开发模式。

Angular 和 react 也有它们的开发工具,我相信它们也可以完成这项工作。

我想知道,该工具是否设法通过其他方法访问 Vue 对象?还是和 webpack 有关?

【问题讨论】:

【参考方案1】:

Vue devtools 扫描 DOM 以查找具有 __vue__ 属性的 DOM 元素。

这里是the code。

【讨论】:

以上是关于Vue devtool如何检测网页上的Vue?的主要内容,如果未能解决你的问题,请参考以下文章

Firefox 中的 Vue devtools 未检测到 Vue 3 应用程序

如何安装vue devtools

如何解决 Vue.js devtools 在 Electron Vue 项目中不起作用的问题?

Chrome 中的 Vue devtools:未检测到 Vue.js

Vue.js devtools 在独立安装中未检测到 Vue.js,已允许访问文件 URL

如何禁止他人通过vue的devtools 查看