v-model 相当于一个v-on和一个v-bind的叠加

最新推荐文章于 2023-01-29 12:38:24 发布

前端进阶在线笔记

最新推荐文章于 2023-01-29 12:38:24 发布

阅读量177

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/abcsimple/article/details/121105935

版权

<!DOCTYPE html>
<HTML>
    <head>
        <meta charset="utf">
        <title>v-model原理</title>
    </head>
    <body>
        <div id="app">
            <input type="text" 
            :value="message"
            @input="valuechage( )">//种一个bug
            <div>{{message}}</div>
            
        </div>
        <script src="./vue.js"></script>
        <script>
            var app = new Vue({
               el:'#app',
               data:{
                   message: 123,
               } ,
               methods:{
                    valuechage(event){
                        this.message = event.target.value;
                    }
               },
            })
        </script>
    </body>
</HTML>