Vue中路径的 “@/“ 和 “./“ 的区别
./:表示相对路径,代表当前目录下的同级目录,遵从的是从后往前找文件@:等价于 /src 这个目录,遵从的是从前往后找,是为了避免麻烦又怕写错的相对路径的简写因为在根目录/build/webpack.base.conf.js文件中配置过 @ 的resolve: {extensions: ['.js', '.vue', '.json'],alias: {......
·
./:表示相对路径,代表当前目录下的同级目录,遵从的是从后往前找文件
@:等价于 /src 这个目录,遵从的是从前往后找,是为了避免麻烦又怕写错的相对路径的简写
因为在根目录/build/webpack.base.conf.js文件中配置过 @ 的
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
比如 “@/components/login” :表示src/components/login文件
相对路径一定是以 ./ 或 ../ 或 啥都没写 开头的。如:./img、../img、img
除相对路径外的都是绝对路径
更多推荐
已为社区贡献7条内容
所有评论(0)