vue中的@代表什么

默认情况下，默认情况下，在Webpack中定义了一个别名（alias）：@

@/components 等价于 src/components

对应的文件夹是 src 文件夹，是通过path.resolve()实现的：

configureWebpack: {resolve: {alias: { '@': resolve('src') }}
}

另外，倘若我们为components设置了别名：

configureWebpack: {resolve: {alias: { 'components': resolve('src/components') }}
}

此时我们在项目中其他位置需要使用到components的路径时，就可以忽略前面的部分，直接使用：

import HelloWorld from "./src/components/HelloWorld.vue"
import HelloWorld from "components/HelloWorld.vue"

vue中的@代表什么相关推荐

vue和react相同点_我在React和Vue中创建了相同的应用程序。这是区别。
vue和react相同点 by Sunil Sandhu 由Sunil Sandhu 我在React和Vue中创建了相同的应用程序. 这是区别. (I created the same app in ...
深刻理解Vue中的组件
今天看了下Vue官网上关于组件的教程,感觉内容还挺多,现在把组件中基本的知识梳理一下. 组件的基本使用注册组件注册组件就是利用Vue.component()方法,先传入一个自定义组件的名字,然后传 ...
vue中全局引入bootstrap.css
1.首先在官网上下载bootstrap的压缩包(必须是官网上下载的) 将压缩包解压后引入在项目文件夹下面.如下图所示: 2.在main.js中引入 import './assets/bootstrap ...
Vue中怎样封装与使用公共状态属性组件实现类似枚举类的效果
场景如果一个状态量在多个地方用到,或者一个业务用到多个状态量. 可以使用类似枚举类代替直接使用明文表示. 这样如果需要修改状态量的值就不用再每个地方都要修改. Vue中要实现同样的效果,比如自定义一 ...
Vue中使用v-for实现一对多数据的2层和3层嵌套循环
场景业务场景中常有一对多的情况. 后端在给前端返回数据时是一个对象的list,为每个对象的有一个属性是多的那个的对象的list. 比如后台给前端返回的数据示例如下那么在Vue中怎样将这个一对多的 ...
Vue 中的compile操作方式
这篇文章主要介绍了Vue 中的compile操作方法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 在 Vue 里,模板编译也是非常重要的一部分 ...
详解Vue中watch的高级用法
转载自详解Vue中watch的高级用法我们通过实例代码给大家分享了Vue中watch的高级用法,对此知识点有需要的朋友可以跟着学习下. 假设有如下代码: 1 2 3 4 5 6 7 8 9 10 ...
vue验证整数_前端Vue中常用rules校验规则
前端Vue中常用rules校验规则 1.是否合法IP地址 export function validateIP(rule, value,callback) {if(value==''||value== ...
VUE系列-Vue中组件的应用(三)
大家好,我是前端岚枫,一枚二线城市的程序媛,上篇主要跟分享了<VUE系列-Vue核心应用(二)>,今天主要跟大家分享我整理的vue的组件相关的,主要包括组件声明.组件种类.组件间的几种 ...

vue中的@代表什么

vue中的@代表什么相关推荐

最新文章

热门文章