v-model双向绑定

        <div id="app">
            <div id="example-1">
                <input v-model="message" placeholder="edit me" />
                <p>Message is: {{ message }}</p>
            </div>
        </div>

        <script type="text/javascript">
            var app = new Vue({
                el: "#app",
                data: {
                    message: "",
                },
            });
        </script>

v-model可以使表单双向绑定。修改ui界面也会影响数据。