Vue中的路径@/和./有什么区别

最新推荐文章于 2024-05-30 10:30:00 发布
最新推荐文章于 2024-05-30 10:30:00 发布
阅读量1.1k 收藏 3
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44555964/article/details/111416460
版权

Vue中的路径@/和./有什么区别

./表示相对路径，具体代表当前目录下的同级目录，遵循从后往前找文件

@/的意思：
表示的也是相对路径，@在根目录/build/webpack.base.conf.js文件中是经过配置的，
比如配置文件中@配置成src目录，遵循从前往后找文件，比如’@/components/login’ 就表示的是src/components/login文件

配置代码如下：

  resolve: {
   
    extensions: ['.js', '.vue', '.json'],
    alias: {
最低0.47元/天 解锁文章
努力向前，成长可见
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于vue.js发布后路径引用的问题解决
10-19
在Vue.js开发过程中，我们经常会遇到在项目打包发布后，静态资源（如CSS、JavaScript文件）的路径引用出现问题。这主要是因为Vue CLI在构建（build）项目时，根据配置生成的路径是相对基础URL的，当项目部署在非根...
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
10-14
本文将深入探讨Vue.js项目中三个关键文件：main.js、App.vue和page/index.vue之间的区别。 首先，让我们从项目结构说起。一个标准的Vue.js项目通常有以下部分： 1. **index.html** - 这是项目的入口文件，它通常...
配置/更改vue项目中的资源路径 && ./和../的区别
anji7380的博客
10-22 398
一. 配置/更改vue项目中的资源路径 在vue 开发项目中需要对路径进行设置。最简单的就是设置为绝对路径。 1. 找到项目中的build文件夹下的webpack.base.conf.js，在module.exports .resolve .alias下自定义： 2. 然后就可以在js中直接使用assets/xxx或components/x...
Vue项目中../路径./路径@/路径~@/路径的区别
weixin_44524835的博客
01-15 3747
…/ 表示父级目录下 ./ 表示当前目录下 @/ 是webpack/build/webpack.base.conf.js中配置的路径别名 ~ @/中的 ~ 代表根目录，~@即根目录下的配置为@的路径
【vue】@、@/、../和./的区别
最新发布
天亮就睡
05-30 376
源自https://www.cnblogs.com/cyfeng/p/11928255.html。：在build文件夹下webpack.base.conf.js找到@，便能知道@代表什么了;：表示vue语法中v-on的简写；绑定事件的专用格式。当事件触发的时候，函数才会来调用；这里指向src文件夹。: 表示父级目录。
Vue中路径的 “@/“ 和 “./“ 的区别
UserGuan的博客
12-08 5267
./：表示相对路径，代表当前目录下的同级目录，遵从的是从后往前找文件 @：等价于 /src 这个目录，遵从的是从前往后找，是为了避免麻烦又怕写错的相对路径的简写 因为在根目录/build/webpack.base.conf.js文件中配置过 @ 的 resolve: { extensions: ['.js', '.vue', '.json'], alias: { ......
Vue中路径的@/和./ 的区别
Mygongzi的博客
03-15 6184
Vue中路径的@/和./ 的区别
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
这通常是一个相对路径，例如 `./src/components/**/*.vue`，表示导入 `src/components` 目录下所有子目录中的 `.vue` 文件。 2. **导入并处理结果**：在你的 Vue3 应用中，可以使用 `import.meta.glob` 获取到一个 ...
vue.config.js中配置Vue的路径别名的方法
10-15
`'./src/assets'`是我们想要映射的真实路径，而`'assets'`是我们在代码中使用的别名。这样，在我们的Vue组件或其他JS文件中，就可以使用`import img from '@/assets/images/logo.png'`这样的语句，而不是冗长的相对...
/element-ui/lib/index.js
08-21
element-ui组件的离线使用资源，将其放在项目下引用正确路径即可使用，使用时需同时引入vue.js（https://download.csdn.net/download/weixin_45660840/12737581），适用于非前端项目页面使用
Vue中路径的 ‘@/‘ 和 ‘./‘ 的区别
qq_43348979的博客
03-31 597
'./'： 表示相对路径，具体代表当前目录下的同级目录，遵从的是从后往前找文件 '@/' 表示的是相对路径，具体代表的路径需要看项目根目录中 /build/webpack.base.conf.js文件中共的 @ 是如何配置的 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), }
webpack里面`./`和`@/`的区别
洋成林
01-16 2303
importHellofrom'@/components/Hello'; importHellofrom'./components/Hello'; 上面语句中的@和.的区别: ./这是相对路径的意思。@/这是webpack设置的路径别名。 @是webpack配置的引用路径，resolve里面有一个alias的配置项目， 能够让开发者指定一些模块的引用路径。对一些经常要被i...
Vue---在vue路径中@的使用
前端与计算机相关知识的分享，博主的qq523235674
02-19 2380
1.@表示项目文件夹src目录 'src/index.vue' 等价于 '@/index.vue' 2.如果在css代码中则需要在前面加~ 在css代码中 @import 'src/index.css'; 等价于 @import '~@/index.css';
vue中@符号表示什么意思？
sanmi8276的博客
07-01 5428
这和vue没关系。 ./这是相对路径的意思。@/这是webpack设置的路径别名。 这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。 resolve: { // 路径别名 alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.esm.js' } }, 就是说@这东西代表着到src这个文件夹的路径 ...
./和@/的区别
qq_39321234的博客
05-20 1309
因此，“@/store”和“./store”之间的区别在于它们指向的目录位置。如果你的store目录位于应用程序的根目录下，则使用“@/store”更方便。如果你的store目录相对于当前文件位于不同的目录中，则使用“./store”更方便。“./store”指的是相对于当前文件的“store”目录。这意味着如果你有一个位于当前目录下的“store”目录，那么“./store”将指向该目录。“@/store”指的是应用程序中的“src/store”目录。
“./“”@/”“../” 路径问题——我对你知根知底，我劝你放弃抵抗，跟我走一趟
weixin_42855542的博客
11-30 2905
今天有同事问我： ./ @/ …/ 的区别，我直接的回答是，你用了这么久还不知道？不会百度？ 当然我也说了一下当时我的理解： ./ //当前目录下的路径 @/ 问题就来了，当时我的回答也是，当前目录下的路径，发现和上述矛盾了，然后去百度了（打脸）...
Vite/Vue 配置路径别名 @表示根路径，点击实现快捷跳转
SunFlower914的博客
08-12 4827
配置别名路径在.vue文件中点击下方路径可跳转至对应文件中，如果使用Vue : 在vue.config.js文件中进行如下配置，如果使用Vite : 在vite.config.js文件中进行如下配置。。。
These dependencies were not found: * @/views/About.vue in ./src/router/index.js * @/views/Home.vue in ./src/router/index.js
06-12
解决这个问题的方法是，检查一下你的项目结构，确保`views`文件夹下有`About.vue`和`Home.vue`文件，并且它们的路径是正确的。这里的`@`符号是一个别名，指向`src`目录。因此，`@/views/About.vue`的路径实际上是`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值