vue自定义一个v-model

1. 目标

   <template>
       <my-form v-model="form">
       </my-form>
   </template>
   <script>
       export default {
           data() {
               return {
                   form: ''
               }
           }
       }
   <script>
   

2. 实现

   // my-form组件
   <template>
       <form>
           <input v-model="model.val1" />
           <textarea v-model="model.val2"></textarea>
       <form>
   </template>
   <script>
   	export default {
       	model: {
           	prop: 'model',
               event: 'change'
           },
           props: {
           	model: Object
           }
           watch: {
           	model(val){
               	this.$emit('change', val)
               }
           }
       }
   <script>