Как передать v-model через компонент обертку?

Question

[alex_mapleart]

Всем привет. В своем проекте я использую Vuetify, для удобства все элементы формы я оборачиваю своим компонентом. Меня интересует такой момент как проще всего связать v-model родительского и дочернего компонента. Сейчас я использую такую конструкцию

export default {
                template: '<v-text-field v-model="model"></v-text-field>',
                props: ['value'],
                data(){
                        return {
                                model: '',
                        }
                },

                created(){
                        this.model = this.value;
                },

                mounted() {
                        this.model = this.value;
                },
                watch: {
                        value(){
                                this.model = this.value;
                        },
                        model(){
                                this.$emit('input', this.model)
                        },
                }
        }

Подскажите, может это можно сделать еще проще ?

Answer 1

[Alex]

В документации описано как создавать такие обертки
https://v3.vuejs.org/guide/component-basics.html#u...