基础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类名的有无

 

    

posted @ 2022-09-19 19:00  不愿意学习的白痴  Views(12)  Comments(0Edit  收藏  举报