Use computed property in data in Vuejs

Question

How can I use a computed property in the data or emit it via bus?

I have the following vue instance, but myComputed is always undefined but computedData is working correctly.

var vm = new Vue({   data(){     return{       myComputed: this.computedData     }   },    computed: {     computedData(){       return 'Hello World'     }   } }) 

Answer 1

Unfortunately, it is impossible to use computed property in data because of component creation timing: data evaluates Before computed properties.

Answer 2

To make things as simple as possible, just do the work in watcher, unless you want to emit the changes to different components or there're a lot of variables you want to notify, then you may have to use Vuex or the event bus:

var vm = new Vue({   data(){     return{       myComputed: '',       computedData: 'Hello World'     }   },   created() {     this.myComputed = this.computedData;   },   watch: {     computedData() {       this.myComputed = this.computedData;     }   } });