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

  • 相关阅读:
    AX2009 VS平台报表开发学习笔记(二)数据源
    字符集的问题
    php侧拉菜单,漂亮,可以向右或者向左展开,支持FF,IE
    ASP正则函数替换分页后的参数
    asp 图片正则 替换,替换前检查图片是不是本地地址的方法
    asp正则过滤重复字符串的代码
    PHP 正则 email语句详解
    签东软了
    东软医疗面试归来
    linux的svn co
  • 原文地址:https://www.cnblogs.com/cui-cui/p/11580232.html
Copyright © 2011-2022 走看看