vue路径中“@/“代表什么

举例:

js 复制代码
<img src="@/../static/imgNew/adv/tupian.jpg"/>

其中,@/是webpack设置的路径别名,代表什么路径,要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置:

上图中@代表src,上述代码就等于:

js 复制代码
<img src="@/../static/imgNew/adv/tupian.jpg" />
=
<img src="src/../static/imgNew/adv/tupian.jpg"/>

补充:

  • "./":代表目前所在的目录。
  • " . ./"代表上一层目录。
  • "/":代表根目录。
相关推荐
兜小糖的小秃毛4 分钟前
el-Input输入数字自动转千分位进行展示
前端·javascript·vue.js
J总裁的小芒果12 分钟前
el-table 自定义列、自定义数据
前端·javascript·vue.js
爱的叹息3 小时前
Vue 2 和 Vue 3 中 Vue 实例变量方法的功能差异对比,包含关键方法的详细说明和表格总结
前端·javascript·vue.js
肠胃炎4 小时前
Vue:mixin详解
前端·javascript·vue.js
北溟鱼鱼鱼4 小时前
组件通信方案总结
vue.js
前端大白话4 小时前
Vue3开发老踩坑?10个实战技巧助你突围
前端·javascript·vue.js
秋天的一阵风4 小时前
Webpack 插件开发:为 Vue.js 应用实现图片预加载
前端·vue.js·webpack
拖孩5 小时前
【Nova UI】十三、打造组件库之按钮组件(中):样式雕琢全攻略
前端·javascript·vue.js
洪洪呀6 小时前
uni-app vue3 实现72小时倒计时功能
vue.js·uni-app
萌萌哒草头将军14 小时前
⚡⚡⚡尤雨溪宣布开发 Vite Devtools,这两个很哇塞 🚀 Vite 的插件,你一定要知道!
前端·vue.js·vite