import的几种方式
程序员文章站
2022-06-16 16:23:40
...
import的几种方式
1. 引入第三方插件
import axios from 'axios
2. 引入工具类或js文件
第一种是引入单个方法
//导出
export function axiosfetch(options) {}
//导入
import {axiosfetch} from './util';
下面是写法,需要export导出
第二种 导入成组的方法
- 内有多个export方法
//导出
import * as tools from './libs/tools'
Vue.prototype.tools=tools
其中tools.js中有多个export方法,把tools里所有export的方法导入
//使用
this.tools.method
- 一个
//导出
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';
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