基础vue的一些知识补充
2024-10-21 11:38:36
一、:disabled
该属性能接受布尔值,可以用于元素的使用。当值为true时,该元素将无法被使用,如button的disabled属性被设置为true后,将无法被点击,input的disabled属性被设置为true后,将无法再被focus,更无法向其输入内容。
二、nextTick:
官方定义:在DOM更新循环结束之后执行延迟回调。在修改数据后,立即使用该方法获取更新后的DOM。
通俗理解:nextTick可以理解为vue更新视图前的一种机制,在数据发生变化时,会异步开启一个数据更新队列,在等所有数据都进行了更新后才会统一更新视图,而且如果一直修改同一个数据还会对队列数据更新进行去重,取该数据最后一次变化的值。nextTIck无疑在本质上是一种视图更新的优化策略。
三、vue的class与style绑定:
<div :class='{ active:isActive }'></div>
isActive=ref(true) //通过isActive来控制该active类名的有无
最新文章
- CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化
- Azure IoT带来更高效的新能源生产和会看人脸色的无人超市
- 怎么在myeclipse中导入已经写好的项目
- 新华龙电子推出最新网络开发板(W5100&;W5500方案)
- 《JavaScript权威指南》学习笔记 第四天 数组
- Android 简易XML解析
- codeforces724-A. Checking the Calendar 日期题
- C#SortedList排序列表怎么样逆序输出
- 数字转表格标题 Excel Sheet Column Title
- windows下把Apache加入系统服务
- vijosP1195“非常男女”计划
- hdu 4706 Children&#39;s Day 2013年ICPC热身赛A题 模拟
- 新手常见的python报错及解决方案
- vue font-icon 图标
- docker 小技巧 docker network create br-name 指定IP地址
- Codeforces Round #529 (Div. 3) F.Make It Connected
- Spring bean加载多个配置文件
- (98)Address already in use: make_sock: could not bind to address 80 [resolved] (2012-10-11 09:04)
- WCF 数据契约(DataContract)
- 10 款基于 jQuery 的切换效果插件推荐