我正在使用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))