博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
v-model语法糖的使用
阅读量:6137 次
发布时间:2019-06-21

本文共 332 字,大约阅读时间需要 1 分钟。

使用v-model来进行双向数据绑定的时:

复制代码

仅仅是一个语法糖:

复制代码

所以在组件中使用的时候,相当于下面的简写:

复制代码

所以要组件的v-model生效,它必须:

  • 接受一个 value 属性
  • 在有新的value时触发input事件

需要实现效果:如果在一个页面中我们需要引入一个弹窗组件,点击按钮 a显示弹窗,然后点击弹窗的关闭按钮,关闭弹窗,用v-model实现。

复制代码

model.vue组件

复制代码

转载地址:http://qqrua.baihongyu.com/

你可能感兴趣的文章
安装memcached软件并用简单脚本做测试
查看>>
MySQL表新增字段默认值处理的一处小细节
查看>>
MEMCACHE TIME_WAIT过多的解决方法
查看>>
firefox httpfox插件
查看>>
(12)Powershell中变量的类型
查看>>
Percona-Server-5.5.33-31.1安装
查看>>
华为 S5700S-28P-LI配置IP、基础命令及学习资料
查看>>
sqlserver 数据库面试题目
查看>>
你知道原型是什么吗
查看>>
你愿意放开你生命中的那根绳子吗?
查看>>
iOS10 UI教程视图的几何形状
查看>>
分布式监控系统Zabbix3.2添加自动发现磁盘IO并注册监控
查看>>
How to restore ASM based OCR after complete loss of the CRS diskgroup on Linux/Unix systems
查看>>
apache 虚拟目录
查看>>
nginx限流
查看>>
【已解决】VMware Horizon 7.0 (安装composer时报错)Error 1920
查看>>
css基础
查看>>
集群之lvs 基础知识
查看>>
学习linux命令
查看>>
nmap扫描主机存活情况
查看>>