引入 .vue 文件是當今許多前端開發框架的常見做法。Vue.js 就是一種主要的前端開發框架，它允許開發人員將工程劃分為更小、更具可重用性的部分。

首先，確保安裝了 Vue.js，然后可以通過以下方式引用 Vue 組件：

<template>
<my-component/>
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
components: {
'my-component': MyComponent
}
}
</script>

在上面的代碼段中，import 語句允許開發人員在 Vue 文件中引入一個組件。在本例中，取自 MyComponent.vue 文件的組件將被導入并在 components 對象中引入。

當應用程序從頭開始建立時，通常會創建許多組件，并接著將它們引用到稍后要編寫的單個 Vue.js 實例中。Vue.js 允許在組件和例子之間實現更好的分離和組織，這是一種更好、更可維護的做法。