Vue路径写法:./ 和 @/

vue在引用路径的时候可以用 ./ 的写法引用如下:

import './api/index'

这个代表在相同文件下绝对路径的意思。

项目中还有常见的@用法:

import Background from '@/assets/images/background.jpg'

这个@是在 webpack.base.conf.js (vue.config.js)文件里配置的:

configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,
    resolve: {
      alias: {
        '@': resolve('src'),
        '@crud': resolve('src/components/Crud')
      }
    }
  },

这里的@就代表是 src,所以就在 src 路径下找文件,也可以自己配置,这也是常见的路径写法!

你可能感兴趣的:(Vue,vue)