zoukankan      html  css  js  c++  java
  • 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' //导入的时候可以给这个模块任意取名字,且不需要用花括号

  • 相关阅读:
    SSH的密钥登录配置
    VMware 15pro虚拟机网络设置
    12种SQL注入报错方式
    PHP myadmin 无路径getshell
    MySQL数据库基本操作
    ubuntu 16.04安装后的简单优化
    无聊中,静思自己。
    Silverlight 4.0+Linq to sql 网站后台登陆功能(一)
    AspNetPager和Linq to sql 的完美结合
    Linq to sql 的DataContext 持久化层写法
  • 原文地址:https://www.cnblogs.com/cui-cui/p/11580232.html
Copyright © 2011-2022 走看看