目標(biāo)：Vue 組件輸入地址必須位于 Vue 組件郵件編輯器中，并且僅當(dāng)有人單擊“地址簿”按鈕時才顯示地址列表。當(dāng)有人單擊其中一個顯示的郵件或手動填寫“收件人”字段時，createdmail.to 必須獲取該值，并且必須隱藏地址列表。Vue 組件郵件編輯器。此組件接收地址列表。（一切都在這里工作，我認(rèn)為唯一不能正常工作的部分是輸入地址標(biāo)簽內(nèi)的v模型）Vue.component('mail-composer', {    props: ['addressesbook'],    methods: {      send: function(createmail) {        this.$emit('send', createmail);      }    },            template:            `            <div>              <input-address :addresses="addressesbook" v-model="createmail.to"></input-address>              <p><b>Subject: </b><input type="text" v-model="createmail.subject"></input></p>              <p><b>Body: </b><textarea v-model="createmail.body"></textarea></p>              <button @click="send(createmail)">Send</button>            </div>            `,            data(){              return{                createmail:{                  to: '',                  subject: '',                  body: ''                }              }            }      });另一個 Vue 組件是這個組件，它位于同一個文件中。（我認(rèn)為所有問題都在這里）。只有當(dāng)有人單擊“地址簿”按鈕時，我才需要顯示地址列表，并且當(dāng)有人再次單擊按鈕或列表中的其中一封電子郵件時，我必須將其隱藏。當(dāng)有人從列表中單擊郵件時，郵件編輯器中的 createmail.to 屬性必須獲取郵件的值，如果我決定手動放置郵件，則必須發(fā)生相同的情況。Vue.component('input-address',{        props:["addresses"],        template:        `          <div>          <label><b>To: </b><input type="text"></input><button @click="!(displayAddressBook)">Address Book</button></label>          <ul v-if="displayAddressBook">            <li  v-for="address in addresses">            {{address}}            </li>          </ul>          </div>        `,        data(){          return{            displayAddressBook: false          }        }      })