Vue.js是一個流行的JavaScript框架，它使用組件來構建大型的Web應用程序。Vue組件擴展了HTML元素，使您可以定義自定義元素來編寫可重用的代碼，并在整個應用程序中多次使用它們。

Vue組件通常定義在單個文件中，該文件擴展名為.vue。在.vue文件中，您可以寫HTML、CSS和JavaScript，以定義組件的外觀和行為。

要在Vue應用程序中使用.vue文件，您需要使用import命令將其導入到相應的Vue組件中。

// MyComponent.vue文件：
<template>
<div>
<p>Hello World!</p>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style>
p {
color: red;
}
</style>
// App.vue文件：
<template>
<div>
<MyComponent />
</div>
</template>
<script>
import MyComponent from './components/MyComponent.vue'
export default {
name: 'App',
components: {
MyComponent
}
}
</script>

在上面的例子中，我們創(chuàng)建了一個MyComponent.vue文件，在其中定義了一個包含“Hello World”的 段落。我們還定義了一個名為“App”的Vue組件，并使用import命令將MyComponent.vue文件導入到該組件 中。然后，我們在components選項中注冊了MyComponent組件，并在模版中使用了MyComponent組件。

總之，使用import命令導入Vue組件是一種在Vue應用中重用代碼的快速簡便的方法。