我正在使用nuxt.js构建我的应用程序。
我正在创建一个应用程序,它将展示我们的所有组件,以供文档使用。
我有以下资料:
<show-component name="my-component"></show-component>
我的nuxt.jsglobal.js文件导入并设置我的组件:

import ShowComponent from '../components/ShowComponent.vue'
import MyComponent from '../components/MyComponent.vue'

Vue.component('show-component', ShowComponent)
Vue.component('my-component', MyComponent)

此时我想做的是在屏幕上显示组件正在使用的props,在这种情况下:my-component
我已经可以在模板代码中使用<my-component>。如何在js代码中使用它?类似:
let component = getInstanceOf('my-component');console.log(component.props);
很高兴能得到我在props中定义的my-component的完整表示。

最佳答案

要打印道具阵列:
console.log(Object.keys(component.props))

09-25 10:51
查看更多