vue import文件时@用法详解以及使用@后支持文件快速定位

如图所示，引入PropsDemo.vue组件的时候，可以使用下列两种方法，而没有使用./或者../这种相对路径的写法import PropsDemo from'@/components/common/test/PropsDemo'import PropsDemo from'@testCp/PropsDemo'具体实现方法：找到webpack.base.conf.js配置文件...

wflynn

4528人浏览 · 2019-10-23 10:00:43

wflynn · 2019-10-23 10:00:43 发布

如图所示，引入PropsDemo.vue组件的时候，可以使用下列两种方法，而没有使用./或者../这种相对路径的写法

import PropsDemo from  '@/components/common/test/PropsDemo'
import PropsDemo from  '@testCp/PropsDemo'

具体实现方法：找到webpack.base.conf.js配置文件

'@': resolve('src'), 
// 这里就是别名了,比如@就代表直接从/src 下开始找起!!!
'@testCp': resolve('src/components/common/test'), 
// @testCp就代表从/src/components/common/test路径下开始查找文件

其他路径根据需要自行配置即可

使用@引入文件后支持快速定位方法，在webPack下配置文件选择webpack.base.conf.js

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^