是vue中的組件定義嗎？ 如何通過查看代碼來判斷它是否是一個組件？

Question

當我搜索某些東西時，我遇到了這篇文章

在這里， something ，我相信它是component ，定義如下。

export default {
  name: 'app',
  methods: {
    testFunction: function (event) {
      console.log('test clicked')
    }
  },
  components: {
    Test
  }
}

根據文檔，我遇到了這個

import BaseButton from './BaseButton.vue'
import BaseIcon from './BaseIcon.vue'
import BaseInput from './BaseInput.vue'

export default {
  components: {
    BaseButton,
    BaseIcon,
    BaseInput
  }
}

我真的不確定app是否是包含Test的組件。 它是export中的組件定義嗎？ 我們如何理解這是來自 vue 代碼的組件？

只能通過以下方式嗎？

1. Vue.component
2. Vue 實例中的組件
3. 不確定 - export default方式？

我知道我聽起來不同，因為它是 Javascript。 有人可以幫我解決這個問題嗎？

Answer 1

通常，Vue JS 中有三種不同類型的組件。

• 根組件
• 查看組件
• 法向分量

在傳統結構中，根組件被命名為“app”，並在第一次初始化應用程序時傳遞給 Vue 實例。 該組件不能在其他組件中導入和重用，因為它會導致遞歸效果。 例如這個App.vue文件是一個 Root 組件。 它在這個main.js文件中使用，並使用new Vue傳遞給 Vue 實例。

View 組件是根據路由從 Root 組件中動態添加或刪除的。 它們被編寫並充當普通組件，僅用於 Vue 路由器component屬性。 例如，此路由器索引文件中的Home和Comments組件稱為 View 組件。 它們作為單個路由中的組件在路由對象內部傳遞。 當應用導航到該特定路由時， App.vue文件中的<router-view>模板將替換為相應 View 組件的模板。

普通組件可以在任何地方使用並由其他組件導入。 它們可以在 View 組件和 Root 組件中導入。 例如，在根組件App.vue中，我們看到使用了組件Navbar 。 在 View 組件Comments.vue中使用了Replies組件。

所有這些組件在聲明和行為上都是相同的，但在用法上有所不同。