使用Composition API和Script Setup语法时,如何让引用和计算变量显示在DevVue工具中?

7nbnzgx9  于 2023-01-14  发布在  Vue.js
关注(0)|答案(1)|浏览(118)

我在其中一个组件中有许多变量,在使用Vue的Options API(我更熟悉)时,这些变量将出现在data()函数或computed: {}部分中,但此组件使用的是Composition API和<script setup>语法,并且我没有看到这些变量显示在Vue Devtools中,尽管 prop 和引用 * 正在 * 显示。
要使这些变量显示在DevVue工具中,我需要做些什么?

unftdfkk

unftdfkk1#

事实证明,这是Vue Devtools版本6.4.5的一个已知错误,适用于使用<script setup>语法的 * 导入 * 组件:https://github.com/vuejs/devtools/issues/1940
这里有一个PR来解决这个问题:https://github.com/vitejs/vite-plugin-vue/pull/81
在修复程序可用之前,解决方法是对那些导入的组件使用defineComponent语法(假设您可以更改它们的代码)。

相关问题