Vue.component定义组件和引用vue文件之间的主要区别在于两个步骤：

1. 定义组件：在Vue.js中，组件是一个可以重用的、独立于页面的模板。组件需要通过Vue.component指令来定义，指令包括：Vue.component，Vue.component(tag)和Vue.component(args)。Vue.component指令的作用是将一个组件实例化，并且将其注册到Vue实例的组件树中。使用Vue.component指令需要传递一个组件标签作为参数。

例如： javascript Vue.component('my-component', { template: `<div>{{ message }}</div>` })

1. 引用Vue文件：在Vue.js中，文件是通过路径来引用的，而不是通过组件标签。所以，如果一个文件在两个组件中被引用，那么这两个组件需要是同一个文件的不同版本。此外，Vue文件只能被导入一次，不能被重复引用。

例如： javascript import Vue from 'vue' import MyComponent from '@/components/my-component.vue'

总之，Vue.component定义组件是将一个组件实例化，而引用Vue文件是将一个Vue文件导入到多个组件中。