import的几种方式

import的几种方式

1. 引入第三方插件

import axios from 'axios

2. 引入工具类或js文件
第一种是引入单个方法

//导出
export function axiosfetch(options) {}

//导入
import {axiosfetch} from './util';
下面是写法，需要export导出

第二种 导入成组的方法

1. 内有多个export方法

 //导出
import * as tools from './libs/tools'
Vue.prototype.tools=tools
其中tools.js中有多个export方法,把tools里所有export的方法导入

//使用
this.tools.method

2. 一个

 //导出
import axios from "axios"
Vue.prototype.$axios=axios

//使用
this.$axios

如下图中 axios的使用

export 和 export default的区别

方法

1.export
import {axiosfetch} from './util';  //需要加花括号  可以一次导入一个也可以一次导入多个，但都要加括号
如果是两个方法
import {axiosfetch,post} from './util'; 

常量

.js文件
let mapConfig={name:"ly}
导出
// mapConfig 全局
import mapConfig from "@/lyarcgis/mapConfig"
Vue.prototype.$mapCongfig=mapConfig
使用
this.$mapCongfig

2.export default 
import axiosfetch from './util';  //不需要加花括号  只能一个一个导入
*export default有单次限制，只能使用export default向外暴露一次*

3、导入 css文件

import 'ant-design-vue/dist/antd.css'

如果是在.vue文件中那么在外面套个style

<style>
  @import './test.css'; 
</style>

4、导入组件

import GroupSecond from './second';

————————————————
版权声明：本文为CSDN博主「lyckkb520m」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zw217520/article/details/102542849