Vue》》@ 用法

Ares-Wang

于 2025-07-26 10:10:42 发布

阅读量215

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/u013400314/article/details/149661472

在这里插入图片描述

使用 @ 别名导入

// 导入 src/components/Button.vue
import Button from '@/components/Button.vue'

// 导入 src/utils/helper.js
import { helperFunc } from '@/utils/helper'

// 导入 src/store/index.js
import store from '@/store'

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ares-Wang

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【vite】使用命令 yarn create vue@latest创建项目时，报错

羊羊羊羊羊羊羊的博客

08-07

1207

yarn create vue@latest时报错，查阅issues发现已经有人发生过同样的问题了。根据提示查看 documentation。

vue中import引入模块路径中@符号是什么意思

大数据知识梳理

06-24

2051

"@"符号是一种别名的写法，这里代表"src"路径。

参与评论您还未登录，请先登录后发表或查看评论

Vue---在vue路径中@的使用

前端与计算机相关知识的分享，博主的qq523235674

02-19

2546

1.@表示项目文件夹src目录 'src/index.vue' 等价于 '@/index.vue' 2.如果在css代码中则需要在前面加~ 在css代码中 @import 'src/index.css'; 等价于 @import '~@/index.css';

Vue常见简写 “:“ , “@“ , “#“

xwnxwn的专栏

04-07

4067

首先需要了解一下v-bind,v-bind指令指示Vue将元素的id属性与组件的tabalData属性保持一致.如果绑定的值为null或undefined,那么该属性将从渲染的元素上移除.通常想要响应式的绑定一个属性,都会选择v-bind.而 : 就是v-bind的简写形式,可能看起来和一般的HTML属性长得不太一样,但它的确是合法合规的属性绑定字符,并且所有支持Vue的浏览器都可正常解析它.并且,它不会出现在最终渲染的Dom中,相信在你深入了解过它后,会喜欢这种写法的.label: "日期",

vue 项目中常用的几种import 书写方式

YHLSunshine的博客

01-24

4968

vue 项目中常用的几种import 书写方式及 export,import和export default的区别与联系

vue @用法

godfather_001的博客

03-27

995

“:” 是指令 “v-bind”的缩写可以绑定一个变量或者有返回值的函数 “@”是指令“v-on”的缩写绑定一个函数，执行业务逻辑

Vue中import引入模块路径时的@符号

niceyoo的博客

12-11

3525

Vue中import引入模块路径时的@符号 1、ES6 模块主要有两个功能：export 和 import export：用户对外输出本模块（一个文件可以理解为一个模块，比如 aaa.js bbb.js）变量的接口。 import：用于在一个模块中加载另一个含有 export 接口的模块（也就是这个 js 文件一定要含有 export ）。 ...

vue@2.6.14 本地资源

11-28

此外，还可以通过`Vue.set`、`$destroy`等方法以及计算属性的缓存策略进一步优化性能。在“vue@2.6.14”这个本地资源包中，你会找到Vue.js框架的核心文件，包括`vue.runtime.common.js`（运行时版本，不包含编译器...

v-google-translate:谷歌翻译 Vue@2.x

07-24

这个包可以通过使用谷歌翻译来本地化使用 vue 制作的网络应用程序。随着您的网站和应用程序的发展，您可能会发现需要扩展到您所在国家/地区以外的其他市场。如果您的目标市场隔海相望并使用不同的语言，您可能别...

vue ready事件处理函数使用方法

01-07

为了解决这个问题，Vue提供了`this.$set`方法，用于向数据对象动态添加响应式的属性。例如： ```javascript export default { data() { return { test01: {} }; }, mounted() { this.$set('test01.name', ...

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

12-13

本文实例讲述了vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给大家供大家参考，具体如下：在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEventListener('scroll',function()...

Vue入门--@用法

路飞的博客

09-06

538

1. 效果先做个简易版本因为简易版本不需要做图。长的跟下面一样... 2. 实现 css #wrap { height: 50vh; width: 50vw; display: flex; flex-direction: column; } #header { dis...

vue中引入路径@的用法及说明

weixin_42508745的博客

01-30

1834

引用 https://blog.csdn.net/weixin_44836531/article/details/131061927。

vue => 什么意思_Vue导入模块import xxx from '@/xxx'中的@是什么含义？

weixin_39969611的博客

11-29

1701

1、ES6 模块主要有两个功能：export 和 importexport：用户对外输出本模块(一个文件可以理解为一个模块，比如 aaa.js bbb.js)变量的接口。import：用于在一个模块中加载另一个含有 export 接口的模块(也就是这个 js 文件一定要含有 export )。而我们在使用 import 导入一个模块的时候通常这样使用：import util from '@/li...

Vue PC端@功能实现

qq_38211205的博客

04-22

3621

一：前言近期需要接到一个需求，需要在输入框中实现@通知用户的功能，这个功能现在也有很多应用都有，像我们常用的QQ空间，微博这些，开始看到这个需求，心里一阵惊恐，没做过啊~~ 二：思路我们大体的思路就是：当监听到用户输入@的时候我们弹出人员选择器，这时候我们需要记住现在光标所在的位置，当用户选择人员完毕之后，我们创建一个span标签在插入到我们刚刚记录光标的位置，并且把我们输入的@删除，将光标放在这个节点的最后。三：需求拆解按住shift + @ 的时候，弹出人员选择器人员选择器要跟随光标的位置出现

vue项目中使用别名：“@”和“~”的坑。