vue导入组件使用 @ 是什么意思

tags: [faq]

这是通过 Webpackresolve.alias配置选项完成的，并非特定于 Vue。

在 Vue Webpack 模板中，Webpack 被配置为替换@/为path：

  const path = require('path');

  ...
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      ...
      '@': path.resolve('src'),
    }
  },
  ...

使用方法如下：

import "@/<path inside src folder>";

如果您有什么看法或意见，欢迎通过右边的反馈悬浮框反馈

本文为原创，未经同意授权，禁止任何媒体或个人自媒体以及任何声明式转载

商业侵权必究，如需授权请联系340443366@qq.com

原文链接：https://www.1024nav.com/faq/2021/04/21/vue-a-mean

---