Vue中import from@符号指的是什么意思
更新时间：2024年03月01日 10:37:38 作者：小志的博客
这篇文章主要介绍了Vue中import from@符号指的是意思,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue import from@符号指的是什么意思
1、假设vue文件中引入如下代码
import { auth } from "@/utils/auth";2、@符号表示的含义
- @符号表示一个特定路径名称
- 这个设置引入的是src/utils路径下的auth.js文件
3、lz的vue框架中，@符号可以在build/vue.config.js文件中设置，如下图：lz的@符号表示src路径
具体在哪个文件下的vue配置文件可根据实际情况参考
.vue文件中 import xxx from '@/xxx' 中@含义
@的定义在 vue.config.js中
'use strict'
const path = require('path')
const defaultSettings = require('./src/settings.js')
function resolve(dir) {
return path.join(__dirname, dir)
}
const name = defaultSettings.title || 'vue Element Admin' // page title
// If your port is set to 80,
// use administrator privileges to execute the command line.
// For example, Mac: sudo npm run
const port = 3001 // dev port
configureWebpack: {
// provide the app's title in webpack's name field, so that
// it can be accessed in index.html to inject the correct title.
name: name,
resolve: {
alias: { // @代表 src/这个路径
'@': resolve('src')
}
}
},由以上的代码可知，@代表 src这个绝对路径
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vuex实现一个简易计数器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
在日常的开发中,加载效果是非常常见的,但是怎么才能方便的使用,本文介绍如何实现vue加载指令 v-loading,感兴趣的朋友一起看看吧2024-01-01
Nuxt.js是创建Universal Vue.js应用程序的框架。它的主要范围是UI渲染，同时抽象出客户端/服务器分布。我们的目标是创建一个足够灵活的框架，以便您可以将其用作主项目库或基于Node.js的当前项目。2020-03-03
这篇文章主要介绍了vue 项目中当访问路由不存在的时候默认访问404页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了在Vue nuxt项目中，如何使用Echart(百度图表)柱状图来实现疫情数据统计，感兴趣的小伙伴可以跟随小编一起学习一下2021-12-12
这篇文章主要介绍了Vue 中的compile操作方法，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-02-02
这篇文章主要介绍了vue3声明字段名为枚举的类型方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vite2.0+vue3移动端项目实战详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了Vue组件渲染与更新实现过程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-03-03
这篇文章主要介绍了使用VitePress搭建及部署vue组件库文档,本文以element-plus作为示例来搭建一个文档，结合实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
最新评论