Vue双向绑定

表单输入绑定

官方说明

<div id="app5">
    输入的文本：<textarea v-model="message"></textarea>
    <br>
    <br>
    {{message}}
    <br>
    <br>
    <br>
    单选框
    性别：男<input type="radio" name="sex" value="男" checked v-model="yoursex">
    女<input type="radio" name="sex" value="女" v-model="yoursex">

    你选中了 {{yoursex}}
</div>
<script>
    var vm = new Vue({
        el: "#app5",
        data: {
            message: "",
            yoursex: ""
        }
    })
</script>

说明： textarea文本框的值与 vue对象的message的值绑定，实现数据的动态变化， input单选框同理。