我在其中一个组件中有许多变量,在使用Vue的Options API(我更熟悉)时,这些变量将出现在data()函数或computed: {}部分中,但此组件使用的是Composition API和<script setup>语法,并且我没有看到这些变量显示在Vue Devtools中,尽管 prop 和引用 * 正在 * 显示。要使这些变量显示在DevVue工具中,我需要做些什么?
data()
computed: {}
<script setup>
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语法(假设您可以更改它们的代码)。
6.4.5
defineComponent
1条答案
按热度按时间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
语法(假设您可以更改它们的代码)。