[Solved] How can I use data in the child component that are updated in parent component using Vue.js?

One solution is to use the sync modifier along with computed getters and setters: Parent Component <template> … <PaymentMethod :method.sync=”method” :term.sync=”term”/> … <b-btn class=”float-right” variant=”primary” @click=”add”> OK </b-btn> … </template> <script> export default { data () { return { method: null, term: null } }, … } </script> Child Component <template> … <b-form-select v-model=”_method” :options=”methodOptions” … Read more