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

Вычислительные свойства - это функции, которые вы используете в качестве свойств.

В вашем случае, я думаю, что вы можете использовать возраст, как вы делаете с наркотиками или условиями. Чем привязаны привязки данных по двум направлениям.

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

На основании вашего комментария сильфона, может быть, вы можете использовать это:

compiled: { 
    user[age] = theAgeOfTheUser 
} 

Этот метод будет создать новое свойство для объекта пользователя. Затем вы можете изменять, как и любое другое значение.