vue 获取 .vue文件绝对路径

在 Vue.js 中，无法直接获取到 .vue 文件的绝对路径。这是因为在开发阶段，Vue 项目的源代码通常会被打包成可执行文件，然后在浏览器中运行。因此，Vue.js 在运行时无法访问到 .vue 文件在开发机器上的绝对路径。

如果你需要在开发阶段获取 .vue 文件的路径，可以通过配置 webpack 或其他构建工具来实现。通常，在 webpack 的配置文件中，可以使用 `resolve.alias` 字段来创建别名，将 .vue 文件的路径映射到一个别名上。然后，在你的 Vue 组件中，你可以通过别名来引用 .vue 文件。

例如，在 webpack 的配置文件中添加以下代码：

const path = require('path');

module.exports = {
  // ...
  resolve: {
    alias: {
      '@components': path.resolve(__dirname, 'src/components')
    }
  }
}

然后，在你的 Vue 组件中可以这样引用 .vue 文件：

import MyComponent from '@components/MyComponent.vue';

这样，当你在组件中引用 `@components/MyComponent.vue` 时，Webpack 会将它解析为 `src/components/MyComponent.vue` 的绝对路径。

请注意，这种方法只适用于开发阶段，在打包后的生产代码中是无法获取到 .vue 文件的绝对路径的。