春天,大自然一片生机,天空则设计了一个优美的背景。淡蓝的颜色,有些透明,像一块在强烈光照下的蓝宝石,无暇的找不出半点疵瑕。云儿也不知上哪儿玩去了,剩下个特大特明亮的太陽,照得天空泛白。万物在这背景下都是那么的奇妙美好,无处不弥漫着陽光的气味。天空,多么像一位诗人,创造了春天这么美的意境!
1 引入第三方插件
import echarts from 'echarts'
2 引入工具类
第一种是引入单个方法
import {axiosfetch} from './util';
下面是写法,需要export导出
export function axiosfetch(options) { }
第二种 导入成组的方法
import * as tools from './libs/tools'
其中tools.js中有多个export方法,把tools里所有export的方法导入
vue中怎么用呢?
Vue.prototype.$tools = tools
直接用 this.$tools.method调用就可以了
说到这 export 和 export default 又有什么区别呢?
下面看下区别
先是 export
import {axiosfetch} from './util'; //需要加花括号 可以一次导入多个也可以一次导入一个,但都要加括号
如果是两个方法
import {axiosfetch,post} from './util';
再是 export default
import axiosfetch from './util'; //不需要加花括号 只能一个一个导入
3.导入 css文件
import 'iview/dist/styles/iview.css';
如果是在.vue文件中那么在外面套个style
<style> @import './test.css'; </style>
4.导入组件
import name1 from './name1' import name2 from './name2' components:{ name1, name2, },
到此这篇关于详解VUE中常用的几种import(模块、文件)引入方式就介绍到这了。青春是气贯长虹,勇锐盖过怯懦,进取压倒苟安;如此锐气,弱冠后生有之,耳顺之年,则亦多见,年岁有如并非垂老,理想丢弃,方堕暮年。更多相关详解VUE中常用的几种import(模块、文件)引入方式内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!