怎么区分 vue中的@和:缩写

 时间:2026-04-24 04:00:55

1、vue 中@的第一种用法:@作为 v-on指令的缩写,为了简化程序的写法,尤其适用于大中型项目,能减少不少重复劳动。

怎么区分 vue中的@和:缩写

2、vue 中@的第二种用法:@作为模块路径的别名,如 src 所在目录路径就可以用@别名来简化书写,使得import 导入模块时能简化模块路径的长度。如:import {userList} from "@/api/api"; @就等价于/src 目录的相对路径,这样的别名定义在webpack.base.conf.js中的alias项。

怎么区分 vue中的@和:缩写

怎么区分 vue中的@和:缩写

3、vue组件属性中的:写法。:其实是 v-bind 指令 的缩写,二者是等价关系,:缩写可以减少重复写 v-bind 的麻烦,尤其适用于大中型vue 前端项目。

怎么区分 vue中的@和:缩写

  • IDEA怎么配置maven
  • 怎样在VScode中开启自动换行
  • 如何将string转换为int类型
  • idea怎么配置JDK版本
  • 怎么在当前文件目录下打开CMD
  • 热门搜索
    蚕宝宝怎么养 鲅鱼干怎么做好吃 抢车位怎么赚钱快 安卓手机怎么刷机 打嗝是怎么回事 非典是怎么消失的 鱼刺卡喉怎么办 京东怎么取消订单 肘子怎么做好吃 王怎么读