import Vue from 'vue' 怎么处理?

import Vue form 'vue’的意思

1、import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’; 此时在webpack.base.conf.js中进行了定义,内置了一些选项,extenions:[’.js’,’.vue’,’.json’],意思是省略后面的后缀,由webpack来自动为我们加上。

2、如果名字比较长,还可以起个别名。

alias:{ ‘@’:resolve(‘src’)},

它的意思是在vue项目中,引入路径的时候使用@即代表src文件夹,省去了…/…/…/的操作,这样写比较十分方便。

3、当我们在模板中写img的时候有时也需要翻着找,那么能用@代替吗?答案是当然可以的,
比如在assets文件夹中有张图片,logo.png。以往写可能是:

<img src="../../src/assets/logo.png">

现在知道怎么回事以后可以直接这样写:

<img src="@/assets/logo.png">

4、试验发现这是能成功的,但是lssue提出的方案是在@前面加上~。两者均能成功

更多请参考《Vue常用经典开源项目汇总参考

上一篇:【教程】阿里云服务器ECS如何安装宝塔面板?


下一篇:为更强大而生的开源关系型数据库来了!阿里云RDS for MySQL 8.0 正式上线!