javascript - 如何在Vue组件中高效实例化对象？

Question

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

            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)，因此每次调用该方法时都创建此对象似乎并不是最佳的性能。有没有更好的地方可以在 View 组件中放置“价格”？在某些地方，它可以在页面加载时实例化，并在调用方法时引用，而无需重新创建？

Answer 1

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