Question

通常，我们在Nuxt.js组件中定义如下内容：

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

在读取components和data()时，有没有办法读取methods对象？

这是因为我有几个组件，我想循环使用它们来重构代码的一部分。

Answer 1

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

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

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

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

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

1 个答案: