v-model是双向绑定，但表单的数据改变了，通过改变事件监听内容改变，然后更新响应式数据。但数据改变了通过vue的响应式系统来更新界面上的数据。
所以我们在自定义v-model时，需要定义prop和event，prop定义响应式数据，用于更新界面数据，event用来定义界面内容改变事件，更新v-model绑定的内容。
参考代码如下：
Vue.component('base-checkbox', {
 model: {
 prop: 'checked',
 event: 'change'
 },
 props: {
 checked: Boolean
 },
 template: `
  <input
   type="checkbox"
   v-bind:checked="checked"
   v-on:change="$emit('change', $event.target.checked)"
  >
 `
})
组件使用
<base-checkbox v-model="lovingVue"></base-checkbox>