引入 .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 允许在组件和例子之间实现更好的分离和组织，这是一种更好、更可维护的做法。