v-model 粗略解析-v-model实现代码

<div id="app">
        < <!-- 用e的话在事件名后不需要加上()括号 -->
        我是e方法 <input type="text" :value="val" @input="change">
        <br>
        <!-- 用event的话需要在事件名后加上()括号 -->
        我是event方法 <input type="text" :value="val" @input="change-event()" placeholder="我是event">
        <h1>{{val}}</h1>
</div>
Vue.config.productionTip = false;
    var vm = new Vue({
        el: "#app",
        data() {
            return { val: "我是实现原理" }
        },
        methods:{
        	change(e){
        		console.log(e);
        		this.val=e.target.value;
        	},
        	change-event(){
        		console.log(event);
        		this.val=event.target.value;
        	},
        }  
    })

在这里插入图片描述

上一篇:WanAndroid(鸿蒙版)开发的第三篇


下一篇:论文阅读——Rein