How to get data from the vue js component in the main application?

Question

JavaScript

I have a component, javascript variable, suggestion:

Vue.component('addressmd', {
 mounted: function () {
suggestion = '123';
}
}

I can’t understand how I can transfer this suggestion to the main application, so that I can work with it in the future?

new Vue({
        el: '#app',
        data: {
            suggestion:null,
}
});

Tell a newbie?

Answer 1

Duck can it be easier to transfer to the component through props, and not from it? https://ru.vuejs.org/v2/guide/components-props.html

Answer 2

See the v-model.sync modifier for an example. Or maybe so. inside props component: {suggestion : {default: ()=> {}}}. And when updating the suggestion in the component this.$emit(suggestion)