在vue组件中查找变量名

wlzqhblo 于 2023-08-07 发布在 Vue.js

关注(0)|答案(1)|浏览(124)

我在程序中有一个变量名列表，我想在vue中查看所有组件，看看每个变量都在哪个组件中使用。
举例来说：
第一个月
在使用某人的所有组件中查找

// Example.vue
<template>
     {{ x }}
</template>

<script setup>
    const test_one = ref('hello');
    const x = ref('abcd');
</script>

字符串
查找test_one存在于Example.vue中
查找test_two存在于Example.vue中
你知道有什么方法可以在我的组件中查找变量吗？

vue.js

来源：https://stackoverflow.com/questions/76803353/finding-variable-names-in-vue-components

1条答案

按热度按时间

9rygscc11#

如果我理解正确的话，你可以在子组件中使用defineExpose宏，然后在父组件中使用该组件的ref：
Example.vue

<template>
     {{ x }}
</template>

<script setup>
   import {ref} from 'vue'
    
    const test_one = ref('hello');
    const x = ref('abcd');

   defineExpose({test_one,x})

</script>

字符串
在父组件中：

<script setup>
import { ref } from 'vue'
import Example from './Example.vue'
const example =ref()

console.log("Example value: ",example.value)
</script>

<template>
  
  <Example ref="example"/>
</template>

型

赞(0）回复(0）举报 2023-08-07

我来回答

在vue组件中查找变量名

1条答案

相关问题

热门标签

最新问答