自定义表单组件多个v-model实现

与自定义表单组件的单个v-model很类似，只不过要绑定多个时，需要在使用v-model时通过v-model:attrName=xxxx的形式指定绑定哪个值到子组件内部哪个组件。
同样的，子组件中计算属性触发的自定义事件也需要以update:attrName的形式指定。
（单个值绑定参考： 自定义组件双向绑定单个值.）

假设有App父组件，在该组件内部使用了peanutInput这个子组件，同时在该子组件上双向绑定两个值：
App.vue

<template>
  <h1>自定义组件中多个值的v-model绑定</h1>
  <h2>App中的title:{
  {title}}</h2>
  <h2>App中的msg:{
  {msg}}</h2>
  <!-- 主要实现方式就是：通过在绑定值时，给值起一个别名的形式 v-model:attrName = xxxx -->
  <peanut-input v-model:title="title" v-model:msg="msg