javascript - 如何有效地实例化 Vue 组件中的对象？

Question

我正在尝试实例化一个我将在我的 calculatePrice 方法中使用的地图。

            calculatePrice(key) {

                let prices = new Map({
                0: 17,
                1: 19,
                2: 24,
                3: 27,
                4: 30,
                5: 46,
                6: 50,
                7: 54,
                8: 58,
                9: 67,
                10: 75,
                });

                let price = prices.get(key);
                return price;
            },

但是，由于我将经常调用此方法（在表单字段中使用 @change），因此每次调用该方法时都保持创建此对象似乎不是最佳性能。有没有更好的地方将“价格”放在视图组件中？某个地方可以在页面加载时实例化，并在调用方法时引用而无需重新创建？

标签： javascriptdictionaryvue.js

Answer 1

它似乎是您组件的全局常量。在组件定义之外创建它，但在同一范围内（或从另一个文件导入它）。