export default 是默认导出
export const 是命名导出

参考:Javascript (ES6), export const vs 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' //导入的时候可以给这个模块任意取名字,且不需要用花括号

 

相关文章:

  • 2021-09-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-19
  • 2022-12-23
  • 2021-07-13
  • 2022-01-13
  • 2022-12-23
  • 2019-12-19
  • 2018-11-06
相关资源
相似解决方案