vue各种import引入

1.引入第三方插件

import echarts from 'echarts'

2.引入工具类

// 第一种引入单个方法
import {axiosfetch} from './util'
// 下面是在util文件中的写法
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, post} 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
}

5.导入js

// 比如你想给Array封一个属性，首先需要新建一个prototype.js的文件
// 文件里
Array.prototype.max = function(){
	return Math.max.apply({}, this);
}
//然后引入
import './libs/prototype'
//在main.js中引用那么在所有的组件中都可以用
[].max();