v-modle的原理

v-modle本质上是语法糖, 既用v-bind:value绑定了数据, 又用v-on:input添加了一个事件监听
<input v-model="val"/>

等价于

<template>
    <input v-bind:value="val" v-on:input="getVal"/>
</template>

<script>
    export default{
        data(){
            return{
                val: ''
            }
        },
        methods:{
            getVal(e){
                this.val = e.target.value;
                console.log(this.val);
            }
        }
    }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在做移动端的项目时,适配是第一步,最开始写移动端网页的时候学习Bootstrap响应式设计的做法,使用media标...
    菜菜___阅读 3,366评论 2 9
  • 我觉得,在很大程度上,每个家庭的孩子,都会觉得自己的爸妈比较奇葩,这不是一个贬义词,更像是两代人之间的互相不解与迷...
    一个么么哒阅读 484评论 1 1
  • 24日复盘 继续保持复盘,字体和阅读我依然保留。 1 字体 之前没去查找,才发现可以单独下载字体app去练习,里面...
    Miss菠菜籽阅读 201评论 0 1