问题标签 [vue-devtools]

我试图了解添加反应属性的不同方法。我知道我无法将属性直接添加到根级别，因此我user在数据中设置了一个对象：

从这里开始，我感到困惑，因为文档说 usingVue.set是向对象添加新的反应属性的方法，所以在这个例子中： Vue.set(this.user, 'first_name', 'Bob')

但是，我尝试了一种不同的方法，并制作了一个触发方法的按钮，并在其中执行了以下操作：

这行得通..我在 Vue Dev 工具中进行了测试，并看到属性test_property添加到对象并在每次单击按钮时对其进行更改。Vue.set()如果这是制作新的反应属性的唯一方法，为什么这会起作用？

最后，我注意到如果我执行以下<input v-model="user.other_new_property" />操作，这也会跟踪新属性的变化......不知道为什么这也有效。vue

我一直在使用带有 Electron 的 Vue devtools 扩展，每当我激活和使用 Vue devtools 时，它发生的所有错误都会像这样打印到 Electron 的主进程控制台。

这太令人沮丧了，因为在这数千个错误中，很难找到从我的应用程序中打印出来的任何有用信息。

我知道为什么会发生错误。这是因为 Vue devtools 正在尝试访问Electron 上不可用chrome.tabs.captureVisibleTab()的功能，但我并不真正关心 Vue devtools 发生的错误。我只需要阻止 Electron 打印这些错误。查看了所有与 devtools 相关的文档，但没有发现任何内容。

我试图获取数据，但它说计算方法在 vue 开发工具中未定义我的方法是

我通过 axios 调用获取这些数据的 store2.js 文件

我正在获取数据的控制器文件

公共函数 about(){

}

这是我的 vue 组件，其中计算了正在执行的方法

这是我的 vue 开发工具截图 在此处输入图像描述

这是我的回复截图

在此处输入图像描述

我创建了一个 Vue 应用程序并使用Get Standalone Electron 应用程序成功调试它。我尝试使用 vue2 和 vue3，如果我使用正确的 vue-devtools 版本并按照指南中的步骤操作，效果会很好。

现在我正在创建一个 vscode webview 并添加了相同的步骤：

1. 安装 vue-devtools 作为一个包
2. 运行 ./node_modules/.bin/vue-devtools
3. import devtools from '@vue/devtools' // 从 'vue' 导入 Vue
4. devtools.connect(/* 主机，端口 */)

加载网页时，vue-devtools 连接。但它看起来没有连接到 webview，因为它没有显示任何内容。

拜托，谁能指导我如何正确连接并使其工作？

我正在手动安装一个组件，就像文档说的那样： https ://vuejs.org/v2/api/#vm-mount

这可行，但 Vue 开发工具未检测到该组件（按设计：https ://github.com/vuejs/vue-devtools/issues/1425 ）。有没有其他方法可以添加临时定义或导入的组件，以便它显示在 Vue 开发工具中？

目的：我正在实现类似对话框的 UI，其中每个对话框都是一个单独的组件，可以随时在任何“页面”上显示。使用仅限于 Vue 浏览器（无单个文件组件）。

我有下面的 vue 分析报告：

如您所见， mountRender 需要大量时间。我想减少这个。我该怎么做？无论如何，我可以看到什么需要 mountRender 这么长时间，以及 MountRender 的故障是什么。

嗨，我在 vue3 的开发工具中有这个错误，你可以说图标 devtools 在我的 chrome 应用选项卡中已关闭

我去这个扩展并打开 Allow access to file URLs ，添加 app.config.silent = truemain.js 并 "persistent": true,在 vue devtools 的 manifest.json 中设置它还没有工作！

你知道我应该怎么做才能解决这个问题吗？

我想在 VueDevtools 中使用“在编辑器中打开”功能，但我的终端总是出错：

所以我遵循了这个文档，但它没有改变任何东西。我能做些什么？

大家好，我在Firefox 浏览器中使用Vue devtools。Vue devtools 在Vue 2.6.12应用程序上完美检测。但它没有在Vue 3.0.0应用程序上检测到。如何解决这个问题。 谢谢

当我在 Vue 3 中改变一个道具时，它是一个对象（我知道，不要直接改变道具，这里它只起作用，因为它是通过引用传递的，因为它是一个对象），它也在 Vue Dev-Tools 中更新是很棒的。

如果我发送了多个 axios 调用，并在其中解决了一些承诺，则该道具不会在 Vue 开发工具中更新，但如果我 console.log 它：我会看到所有新数据。

所以，问题是：解决异步承诺后如何更新 Vue Dev-Tools？当道具不同步时，很难调试。