javascript - 每次导出一个新的对象

标签 javascript vue.js vuejs2

所以我想要一个文件导出一个对象,但它每次都应该有不同的引用。目前,单个导出共享相同的引用(两个文件导入,如果一个更改,另一个也会更改)。我什至尝试过进行 IIFE。

导出.js

export const pagination =
    (function ()
    {
        let page_lengths =
            live
                ? [
                    5,
                    10,
                    15,
                    20,
                    25
                ]
                : [
                    1,
                    2,
                    3,
                    4,
                    5
                ]
        return {
            page:
                1,
            page_length:
                page_lengths[0],
            page_lengths,
            total:
                0,
        }
    })()

导入.js

import {
    pagination,
} from "export.js"

最佳答案

或者,只是不要立即调用:

export.js

export const pagination =
(function ()
{
    let page_lengths =
        live
            ? [
                5,
                10,
                15,
                20,
                25
            ]
            : [
                1,
                2,
                3,
                4,
                5
            ]
    return {
        page: 1,
        page_length: page_lengths[0],
        um: page_lengths.slice(), // <-- clone the array
        total: 0,
    }
}); // <--- no invoke here

import.js

import {
    pagination,
} from "export.js"

var foo = pagination(); // invoke here

关于javascript - 每次导出一个新的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56210707/

相关文章:

Javascript:复制变量和原型(prototype)

vue.js - V-工具提示 : Close Popover from a method

javascript - [Vue 警告] : Property or method is not defined on the instance but referenced during render

vue.js - 如何将更改后的值传递给 Vue.js 中其他组件的方法?

vue.js - Atom 的 VueJS 设置

javascript - 如何在 Highcharts 的 yAxis 中设置非线性步长

javascript - jQuery 数学错误

javascript - Durandal - 在 View 模型中为模块指定 View

vue.js - 如何停止 Vuex 中的提交突变

vue.js - 如何在 Vue.js 2.5+ 中使用 Vue-IMask 和 Vuetify