import Vue from 'vue' 怎么处理?-阿里云开发者社区

开发者社区> 开发与运维> 正文

import Vue from 'vue' 怎么处理?

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

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常用经典开源项目汇总参考

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章