我有一个这样的模板:

<template>
  <div>{{hello}}</div>
</template>
<script>
export default {
  data() {
    hello: "Hello World!",
    secret: "The answer is 42"
  }
}
</script>

如何从Chrome调试控制台获取并操作secret的值?

我已经安装了Vue扩展,它允许我查看我的组件并查看变量.我想做的是得到这些变量并对它们进行操作.

这可能吗?

推荐答案

关于Vue也有类似的讨论.js论坛.具体来说,SevenLines post on Mar 25 2018条是:

2018年更新.如果使用vue devtools,可以从访问vue

Example image

Vue.js相关问答推荐

try 在类星应用程序中使用Vue插件(Vue 3 Mq)-如何配置?

如何只提取一次用于无线电组过滤的数据,而不是针对数据库中的每个条目提取数据?

Vue 3 需要 main.js 中的文件

写入计算值时出错,但我没有写入任何值

Vuetify右侧并排switch

Vue 3 范围滑块中的多个值

Vuetify 复选框:如何停止点击事件?

使用 vuex 更新数据

在下拉菜单上使用箭头键滚动

如何将对象作为props传递并让组件更新子对象

使用 Vue 和 JS 下载 CSV 文件

为什么组件在 v-if 下没有被销毁

是否可以在没有 Vue 的情况下使用 Vuex?

如何将 vue.js 与 gulp 一起使用?

VueRouter 未定义

如何在nuxt路由中添加meta?

Laravel 事件未广播

如何在 Vue3 设置标签中定义组件名称?

为 Vue 组件动态添加属性

使密码字符隐藏在 Vuetify 字段中