Vue中 import ...与import{ }、import from ‘@路径‘ 与 import from ‘../路径‘

遇到的问题:

不带{ }以组件方式 引入后,用  组件名. 变量 的方式一直提示变量未定义的问题,改成直接 带{ }引入变量直接使用变量就不提示错误了,(不知道是不是我引入的包和他人不一样的原因...),

直接记录一下查到的两个区别

1、import ...与import{ }的区别:

import{ }:带{ }引入的是某个变量,多个变量可以逗号分隔;
import ...:不带{ }引入的是组件,可以用.的方式使用组件里的变量

1的参考在这里:【VUE】- import ...与import{ }的区别_@Arielle。的博客-CSDN博客

2、import from '@路径' 与 import from '../路径'的区别

import from '@路径'以根目录的方式定义相对路径,从项目第一级节点开始
import from '../路径'是以父子目录的方式定义相对路径
                                      . /指当前目录
                                      . ./指当前目录的上一层目录

2的参考在这里:Vue 导入文件import、路径@和.的区别

  • 3
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值