Vue-表单：v-model，双向数据绑定

<div id="myApp">
    <input type="text" v-model="name" placeholder="來呀，編輯呀">//表单控件
    <p>Message is: {{ message }}</p>
    
    <input type="checkbox" id="hero" value="英雄联盟" v-model="games">
    <label for="hero">英雄联盟</label>
    <input type="checkbox" id="king" value="王者榮耀" v-model="games">
    <label for="king">王者榮耀</label>
    <p>Message is: {{ games }}</p>
    
    用户名：<input v-model.lazy="username">
    年龄：<input v-model.number="age" type="number">
    意见：<input v-model.trim="content">
    <p>Message is: {{ username }}</p>
</div>
<script>
    var myApp = new Vue({
        el: "#myApp",
        data: {
            name: "Jelly & ABC",
            games: []
        },
        methods: {}
    })
</script>