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