v-model详细解释

v-model

通过v-bind来实现v-model的指令

    <div class="app">
        <input type="text" v-model='uname'><br>
        <input type="text" v-bind:value='uname' @input='handle'><br>
    </div>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>
        new Vue({
            el: ".app",
            data() {
                return {
                    uname: '123'
                }
            },
            methods: {
                handle(event) {
                    this.uname = event.target.value
                }
            }
        })
    </script>
posted @ 2020-12-26 15:05  qqaazzhf  阅读(124)  评论(0编辑  收藏  举报