Vue.js：给嵌套属性/属性一个自定义值

Question

在我看来（HTML）我想展示这个：

<p>Age: {{ user.age }} years</p>

在我的 javascript 中，这就是我所拥有的：

new Vue({

    el: '#userApp',

    data: {
        user       : user,
        alergies   : user.alergies,
        conditions : user.conditions,
        drugs      : user.drugs,
        solicitudes: solicitudes,
    },

    computed: {

    },

    filters: {
        active: function(elements) {
            return elements.filter(function(element){
                return ! element.fecha_fin;
            });
        }
    },

    methods: {

    }

});

如何修改计算属性中的年龄？我试过这样做

computed: {
    user.age: 10        
},

但它不允许。

注意：我从服务器获取user, solicitudes。

Answer 1

计算属性是您用作属性的函数。

就您而言，我认为您可以像对待药物或疾病一样使用年龄。比 2 种方式的数据绑定更能解决这个问题。

data: {
    user       : user,
    alergies   : user.alergies,
    conditions : user.conditions,
    drugs      : user.drugs,
    age        : user.age,
    solicitudes: solicitudes,
}

根据您在下面的评论，也许您可​​以使用：

compiled: {
    user[age] = theAgeOfTheUser
}

该方法将在用户对象上创建一个新属性。然后你可以像任何其他值一样修改。