JS中import的用法

1、导入单个接口

//导入单个接口
import {FirPart} from './FirPart.js' 

//导入多个接口
import {FirPart,SecondPart} from './FirPart.js'

// 导入接口,并制定别名,编码时更容易使用
import {LongName as shortName} from '/shuibian.js'

2、导入整个模块

//导入api所有接口,并命名为http,这里的@表示根路径
import * as http from '@/api'

3、 export 和 export default 的区别:

  • 如果是 export 导出的文件,在导入时可以一次导入一个,也可以导入多个,但必须加上花括号!
  • 如果是 export default 导出的文件,只能一个一个的导入,且不需要加上花括号。一个模块中只能有一个export default默认输出。
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vueimport用法主要有三种情况。 第一种情况是在script标签使用import导入常量或方法。在Vue的script标签,可以使用import语句导入一些js方法或公用方法。但需要注意的是,在Vue模板直接使用导入的方法时,会报方法不存在的错误。为了解决这个问题,需要在methods声明导入的方法,或者通过自定义方法返回。例如: ```javascript import comm, { test2, test3 } from './comm.js'; export default { data() { return {}; }, mounted() { console.log('test', comm.test()); // 直接使用import导入的方法 console.log('test2', test2()); // 直接使用import导入的方法 }, methods: { test2, // 在methods声明的import方法,可以在template直接使用 getPI() { return comm.PI; // 通过方法可以直接使用import引入的常量 } } }; ``` 第二种情况是在Vue引入工具类。在Vue引入工具类有两种方式。一种是引入单个方法,需要使用import语句,并且需要在工具类文件使用export导出。另一种是导入成组的方法,需要使用import * as语法,并且需要在工具类文件使用export导出。例如: ```javascript // 引入单个方法 import { axiosfetch } from './util'; // 引入成组的方法 import * as tools from './libs/tools'; // 在Vue使用 Vue.prototype.$tools = tools; ``` 第三种情况是在style标签引入CSS文件。在Vue,可以使用@import语句在style标签引入CSS文件。例如: ```html <style> @import url(../../assets/css/defaultStyle.css); </style> ``` 综上所述,Vueimport用法主要包括在script标签导入常量或方法、引入工具类和在style标签引入CSS文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值