export default / export const

export default 是默認導出
export const 是命名導出

參考：Javascript (ES6), export const vs export default（基本上就是翻譯這篇）

在一個vue文件中export const能夠有多個，可是export default只有且僅有一個，{}表示導入非默認變量 , 也就是說文件中不使用export default導出的變量就須要加{}， 使用export default導出的就能夠不加花括號

//demo1.js
// a
export const a = (params) => {
return axios({
method: 'post',
url: '/api/a/b.json',
data: qs.stringify(params)
})
}
// b
export const b= (params) => {
return axios({
method: 'post',
url: '/api/a/b.json',
data: qs.stringify(params)
})
}

// c
export const c= (params) => {
return axios({
method: 'post',
url: '/api/a/b.json',
data: qs.stringify(params)
})
}
在vue頁面中能夠引用多個

import {a} from 'demo1'

import {b} from 'demo1'

import {c} from 'demo1'

或

import {a,b,c} from 'demo1'

而export default的使用爲：

//demo.vue

export default {

        name: 'index',

        data() {

            return {

                menuDataLimit:{},

//                展現1

                todaySituation: {

                    orderNum1: '',

                    price1: '',

                    buyNum1: '',

                    buyPrice1: ''

                },

//                展現2

                wholeSituation: {

                    orderNum2: '',

                    price2: '',

                    buyNum2: '',

                    buyPrice2: ''

                }

          }

       }

}

固然，這裏是直接在頁面中寫的，若是是外部引用的話，是這樣：

import dea from 'demo1' //導入的時候能夠給這個模塊任意取名字，且不須要用花括號