import vue from vue

起初看到这样写，也没有管是什么意思，只是别人这样写，我也这样写，反正会用就成，再说了使用vue脚手架生成项目后在main.js中就有这玩意。今天吃饭的时候就好好研究了一下，没有办法，正在成长的道路上。import vue form 'vue'如果写全的话是import vue from '../nodemouls/vue/list/vue.js'这样写显然十分的不方便，此时在webpack.bas

MercedesCc

3748人浏览 · 2018-07-05 12:53:54

MercedesCc · 2018-07-05 12:53:54 发布

起初看到这样写，也没有管是什么意思，只是别人这样写，我也这样写，反正会用就成，再说了使用vue脚手架生成项目后在main.js中就有这玩意。今天吃饭的时候就好好研究了一下，没有办法，正在成长的道路上。

import vue form 'vue'

如果写全的话是import vue from '../nodemouls/vue/list/vue.js'

这样写显然十分的不方便，此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:['.js','.vue','.json'],意思是省略后面的后缀，由webpack来自动为我们加上。

如果名字比较长，还可以起个别名。

alias:{

'@':resolve('src'), //它的意思是在vue项目中，引入路径的时候使用@即代表src文件夹，省去了../../../的操作，十分方便呀有没有

}

那么问题来了，当我们在模板中写img的时候有时也需要翻着找，那么能用@代替吗？答案是当然可以的，

比如在assets文件夹中有张图片，logo.png。以往写可能是：<img src="../../src/assets/logo.png">，现在知道怎么回事以后可以直接这样写：<img src="@/assets/logo.png">试验发现这是能成功的，但是lssue提出的方案是在@前面加上~。两者均能成功

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}$/, //不连续的两位字母// /^