基础vue的一些知识补充
一、: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类名的有无