×

对于vuejs里import引用模板路径“@”的解释

作者:andy0012020.01.07来源:Web前端之家浏览:2693评论:0
关键词:vuejsimport
微信公众号

微信公众号

500.jpg

在vuejs里,我们在引用模板插件的时候,会用到“@”符号,如下代码:

import Hello from '@/components/Hello'

它是什么意思呢?其实很简单,这是webpack的路径别名,相关定义在这里:

resolve: {
    // 自动补全的扩展名
    extensions: ['.js', '.vue', '.json'],
    // 默认路径代理
    // 例如 import Vue from 'vue',会自动到 'vue/dist/vue.common.js'中寻找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

此段代码一般在vuejs项目里的build目录下webpack.base.conf.js里,大家可以去看下,它的含义其实就是js里的src。

在vuejs里,很多这种应用,比如扩展名.vue\.js\.json,这样做的好处就是可以大大的减少代码量;在平常的项目里,我们自己也可以去定义一些变量做同样的处理。

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/vue2.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2020 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.0 Valyria

时时彩平台哪个好 吉林十一选五走势图遗漏 网上如何赚钱 闲来陕西麻将手机版下载 广西快乐双彩几点开奖结果查询 北京pk拾官网 四肖期期准+三肖期期准 心悦麻将吉林辽源 陕西福利*快乐十分 近10期3d开机号 湖北11选5走势图表 韩国快乐8官网-新版APP下载 下载微乐江西麻将辅助器 江西十一选五开奖走 黑龙江6加1开奖结果查询 上海时时乐号码分布图 精准六肖选一肖三肖码