javascript - 如何遍历模板中的组件对象？

Question

通常我们在 Nuxt.js 组件中定义这样的东西:

<script>
export default {
 components: {
    // components
  }
 data() {
   return {
     // key/value data
   }
 },
 methods: {
    // method definitions
 }
}
</script>

有没有办法像读取data() 和methods 一样读取components 对象？

这是因为我有几个组件，我想在它们上循环以重构我的部分代码。

Answer 1

您可以使用$options 获取组件数据。 试试这个。

created() {
      console.log(this.$options.components)
}

它返回一个对象，键是组件名称，值是构造函数。

codepen - https://codesandbox.io/s/yk9km5m0wv