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"/>

补充:

  • "./":代表目前所在的目录。
  • " . ./"代表上一层目录。
  • "/":代表根目录。
相关推荐
Luna-player10 分钟前
npm install vue-awesome-swiper@5.0.1 swiper@7.4.1安装后,我又想全删了,怎么移除
前端·vue.js·npm
隔壁小邓18 分钟前
vue如何拆分业务逻辑
前端·javascript·vue.js
SuperEugene25 分钟前
Vue3 + Element Plus 表单校验实战:规则复用、自定义校验、提示语统一,告别混乱避坑|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
SuperEugene30 分钟前
Vue3 + Element Plus 表格查询规范:条件管理、分页联动 + 避坑,标准化写法|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
optimistic_chen1 小时前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
哥本哈士奇1 小时前
Vue 3 快速入门:从零搭建前后端 CRUD 应用
前端·javascript·vue.js
SuperEugene1 小时前
Vue3 组件拆分实战规范:页面 / 业务 / 基础组件边界清晰化,高内聚低耦合落地指南|Vue 组件与模板规范篇
前端·javascript·vue.js·前端框架
还是大剑师兰特9 小时前
Vue3 中的 defineExpose 完全指南
前端·javascript·vue.js
xkxnq11 小时前
第六阶段:Vue生态高级整合与优化(第93天)Element Plus进阶:自定义主题(变量覆盖)+ 全局配置与组件按需加载优化
前端·javascript·vue.js
A黄俊辉A11 小时前
vue css中 :global的使用
前端·javascript·vue.js