vue中引入路径@的用法,@实际上=/src目录

一、Vue文件中引用路径的介绍

1、路径 ./

  • ./当前文件同级目录

2、路径 …/

  • …/当前文件上一级目录

3、@符号

  • @ 的作用是在你引入模块时,可以使用 @ 代替 /src 目录(是固定的),避免易错的相对路径。

二、Vue中使用

1. vue.config.js配置文件中使用

  chainWebpack(config) {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('utils', resolve('src/utils'));
  },

2. @代表src目录

  • 如:你在(src/views/pmp/setLarge/index.vue)文件中想引入(src/assets/setLarge.png)的图片,正常情况下你需要(…/…/…/…/src/assets/setLarge.png)才能找到该图片,但如果你配置了就可以这样简写(src/assets/setLarge.png)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值