javascript - 将 vuejs 函数绑定(bind)为上下文 vuejs 的数据

Question

我想使用函数作为数据属性。这似乎在“works”数据属性的情况下工作得很好。但是我需要函数中的 this 上下文，以便我可以计算存储在 this.shoppingCart (另一个属性)中的值。

这可能吗？如果是这样我做错了什么？

 new Vue({
    el: '#vueApp',

    data: {

        shoppingCart: [],      

        works : function () {
            return "testfunc";
        },
        totalPriceCalcProperty : function () {

             this.totalPrice = this.shoppingCart.reduce(function(total, cartItem){

                console.log(total, cartItem);
                return total + parseFloat(cartItem.price);

            }, 0);
        }
    },

    methods: {

       totalPriceCalc: function () {

            this.totalPrice = this.shoppingCart.reduce(function(total, cartItem){

                console.log(total, cartItem);
                return total + parseFloat(cartItem.price);

            }, 0);
        },
    }

Answer 1

您应该使用方法而不是数据来实现此目的。
data 正在帮助您存储某些内容而不是处理某些操作。

在方法中，可以调用this.xxx从data或property获取属性