栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

自定义v-model

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

自定义v-model

在准备js面试题时,遇到了许多知识盲区,或是已经遗忘的知识,所以来写一下博客,记录自己的成长,同时查漏补缺

v-model指令的作用是便捷的设置和获取表单元素的值,绑定的数据和表单元素值相关联,常用于input表单的搜索

    
    
    
    {{msg}}
  
  

 这里可以看出msg和input表单的值是实时绑定的,绑定的数据←→表单元素的值

了解了基本的使用后,就要来看它的原理了,v-model其实是一个语法糖,什么是语法糖,就是一个简写,比如说v-on:click可以写成@click,它背后就做了两个操作:1.v-bind绑定一个value属性,2.v-on指令给当前元素绑定input事件,在vue的面试时,可能会问原理

1.v-bind绑定一个value属性,v-bind:可以简写为:也就是语法糖

 

    
    
    {{msg}}
  
  

2.v-on指令给当前元素绑定input事件

 什么是input事件,就是当input表单里的value发生变化时,会触发input事件


    

    {{msg}}
  
  

这样就实现了一个双向绑定

 在vue面试题,有可能会考,当然了这原理也不难

 

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/302804.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号