1 引入第三方插件
import echarts from 'echarts'
2 引入工具類
第一種是引入單個(gè)方法
import {axiosfetch} from './util';
下面是寫法,需要export導(dǎo)出
export function axiosfetch(options) {
}
第二種 導(dǎo)入成組的方法
import * as tools from './libs/tools'
其中tools.js中有多個(gè)export方法,把tools里所有export的方法導(dǎo)入
vue中怎么用呢?
Vue.prototype.$tools = tools
直接用 this.$tools.method調(diào)用就可以了
說到這 export 和 export default 又有什么區(qū)別呢?
下面看下區(qū)別
先是 export
import {axiosfetch} from './util'; //需要加花括號(hào) 可以一次導(dǎo)入多個(gè)也可以一次導(dǎo)入一個(gè),但都要加括號(hào)
如果是兩個(gè)方法
import {axiosfetch,post} from './util';
再是 export default
import axiosfetch from './util'; //不需要加花括號(hào) 只能一個(gè)一個(gè)導(dǎo)入
3.導(dǎo)入 css文件
import 'iview/dist/styles/iview.css';
如果是在.vue文件中那么在外面套個(gè)style
<style>
@import './test.css';
</style>
4.導(dǎo)入組件
import name1 from './name1'
import name2 from './name2'
components:{
name1,
name2,
},
5.導(dǎo)入js
比如你想給Arrary封一個(gè)屬性,首先需要新建一個(gè)prototype.js的文件
文件里
Array.prototype.max = function(){
return Math.max.apply({},this);
}
然后引入
import './libs/prototype'
在main.js中引用那么在所有的組件都可以用
[].max();