当前位置: 首页 > news >正文

vue-进阶语法(四)

目录

v-model原理

v-model应用于组件

sync修饰符

ref 和 $refs(重点)

$nextTick


v-model原理

原理:v-model本质上是一个语法糖。例如应用在输入框上,就是 value属性 和 input事件 的合写。

作用:提供数据的双向绑定

① 数据变,视图跟着变 :value

② 视图变,数据跟着变 @input

注意:$event 用于在模板中,获取事件的形参

v-model应用于组件

sync修饰符

作用:可以实现 子组件 与 父组件数据 的 双向绑定,简化代码

特点:prop属性名,可以自定义,非固定为 value

场景:封装弹框类的基础组件, visible属性 true显示 false隐藏

本质:就是 :属性名 和 @update:属性名 合写

ref 和 $refs(重点)

$nextTick

需求:编辑标题, 编辑框自动聚焦

1. 点击编辑,显示编辑框

2. 让编辑框,立刻获取焦

问题:"显示之后",立刻获取焦点是不能成功的!

原因:Vue 是 异步更新 DOM (提升性能)

优化:

http://www.lryc.cn/news/300443.html

相关文章:

  • CGAL::2D Arrangements-7
  • linux系统下vscode portable版本的rust环境搭建004:rust
  • 从汇编角度解释线程间互斥-mutex互斥锁与lock_guard的使用
  • 高程 | 多态性(c++)
  • LV.23 D2 开发环境搭建及平台介绍 学习笔记
  • [uniapp生命周期]详细讲解uniapp中那些属于vue生命周期,那些属于uniapp独有的生命周期,以及这中间的区别 相关的内容和api 代码注释
  • 【动态规划】【记忆化搜索】【状态压缩】1681. 最小不兼容性
  • JVM-类加载器 双亲委派机制
  • vue axios 请求后端无法传参问题
  • 打印最小公倍数
  • [AIGC] Java 和 Kotlin 的区别
  • 蓝桥杯电子类单片机提升一——超声波测距
  • 前端架构: 脚手架开发流程中的难点梳理
  • django中配置使用websocket
  • Rust复合类型详解
  • 学习 JavaScript 闭包
  • VScode中配置 C/C++ 环境 | IT拯救者
  • 基于Python实现Midjourney集成到(个人/公司)平台中
  • 蓝桥杯刷题--python-6
  • node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查
  • 【Android】使用Apktool反编译Apk文件
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • Django模板(二)
  • 勒索病毒最新变种.faust勒索病毒来袭,如何恢复受感染的数据?
  • python 人脸检测器
  • 机器学习与深度学习
  • 算法训练营day27(补),贪心算法1
  • [office] excel2003限定单元格输入值范围教程 #微信#经验分享
  • OLED显示红外遥控键码
  • LabVIEW智能温度监控系统