Here is an example to implement the declaration of Computed Properties directly in the data object

[tewyuh2]

Here is an example to implement the declaration of Computed Properties directly in the data object

createApp({ data() { return { message: 'Hello Vue!', birth_date: '2005', age: function(){ let today = new Date(); return today.getFullYear() - birth_date.toDate(); } } } }).mount('#app')

it is also possible to expand the idea and make it possible to get/set

createApp({ data() { return { message: 'Hello Vue!', birth_date: '2005', age: { get: function(){ let today = new Date(); return today.getFullYear() - this.birth_date; }, set: function(value){ let today = new Date(); this.birth_date = today.getFullYear() - value; } } } }).mount('#app')

as a result, such an implementation can be reached

` createApp({
data() {
return {
message: 'Hello Vue!',

         birth_date:{
                       get: function(){
                          return '2005';
                       },
                       set: function(value){
                           this.birth_date = value;

                           let today = new Date();
                           this.age = today.getFullYear() -  value;
                       }
         },

         age: {
             get: function(){
                 let today = new Date();
                 return today.getFullYear() - this.birth_date;
             },
             set: function(value){
                let today = new Date();
                this.birth_date = today.getFullYear() -  value;
             }
        }
     }
   }).mount('#app')`