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

补充:

  • "./":代表目前所在的目录。
  • " . ./"代表上一层目录。
  • "/":代表根目录。
相关推荐
OpenTiny社区2 小时前
2025OpenTiny星光ShowTime!年度贡献者征集启动!
前端·vue.js·低代码
狗哥哥2 小时前
从零到一:打造企业级 Vue 3 高性能表格组件的设计哲学与实践
前端·vue.js·架构
计算机毕设VX:Fegn08952 小时前
计算机毕业设计|基于springboot + vue图书借阅管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
褪色的笔记簿3 小时前
在 Vue 项目里管理弹窗组件:用 ref 还是用 props?
前端·vue.js
一只小阿乐3 小时前
前端vue3 web端中实现拖拽功能实现列表排序
前端·vue.js·elementui·vue3·前端拖拽
AAA阿giao3 小时前
从“操纵绳子“到“指挥木偶“:Vue3 Composition API 如何彻底改变前端开发范式
开发语言·前端·javascript·vue.js·前端框架·vue3·compositionapi
专注前端30年3 小时前
在日常开发项目中Vue与React应该如何选择?
前端·vue.js·react.js
进击的野人3 小时前
Vue 组件与原型链:VueComponent 与 Vue 的关系解析
前端·vue.js·面试
馬致远3 小时前
Vue todoList案例 优化之本地存储
前端·javascript·vue.js
3秒一个大4 小时前
现代前端开发框架的工程化实践:基于 Vite 与 Vue3
vue.js