Detaillierte Erläuterung der Datenbindung von Vue-Formularereignissen

<Text>
    <div id="Wurzel">
        <form action="" @submit.prevent="demo">
            <label für="TW"> Name:</label>
            <input type="text" id="TW" v-model.trim="userInfo.account"><br><br> Passwort:
            <input type="password" id="pa" v-model="userInfo.password"><br><br> Alter:
            <input type="number" v-model.number="userInfo.age"> <br><br> Geschlecht: <input type="radio" name="sex" value="male" v-model="userInfo.sex">Männlich<input type="radio" name="sex" v-model="userInfo.sex" value="female">Weiblich<br><br> Hobbies: Campus:
            <Wählen Sie v-Modell="Benutzerinfo.Stadt">
                <option value="school">Bitte wählen Sie einen Campus aus</option>
                <option value="beijing">Peking</option>
                <option value="shanghai">Shanghai</option>
               <option value="shenzhen">Shenzhen</option>
            </Auswählen>
            <br><br>
            <input type="checkbox" v-model="userInfo.hobby" value="study"> Studieren<input type="checkbox" v-model="userInfo.hobby" value="sing"> Singen<input type="checkbox" v-model="userInfo.hobby" value="dance"> Tanzen<input type="checkbox" v-model="userInfo.hobby" value="game"> König<br><br> Weitere Informationen:
            <textarea name="" v-model.lazy="userInfo.other"></textarea><br><br>
            <input type="checkbox" v-model="userInfo.agree"> Lesen und akzeptieren Sie die <a href="#">Benutzervereinbarung</a><button>Senden</button>
        </form>
    </div>
    <Skript>
        Vue.config.productionTip = falsch;
        neuer Vue({
            el: "#Wurzel",
            Daten: {
                Benutzerinfo: {
                    Konto: '',
                    Passwort: '',
                    Alter: '',
                    Geschlecht: 'weiblich',
                    Stadt: 'Peking',
                    Hobby: [],
                    andere: '',
                    zustimmen: '',
                }
            },
            Methoden: {
                demo() {
                    Konsole.log(JSON.stringify(diese.Benutzerinfo));
                }
            }
        })
    </Skript>
</body>