在vue.jsv-if和彩视的深刻理解

本文主要介绍了在vue.js v-if和彩视的相关内容，并分享给你参考。

1。共同点

所有DOM元素都会动态显示。

2。差异

（1）手段：v-if是添加或删除DOM元素动态DOM树；彩视控制显式隐藏设置的DOM元素的显示样式属性；

（2）编制过程：有一部分编译/卸载过程v-if切换。在切换过程中，我们适当地破坏和重建内部事件侦听器和子组件。彩视是基于CSS切换。

（3）编译条件：v-if是惰性的，如果初始条件为假，什么也不做；只有当条件成为真正的第一次做他们开始本地编译。编译缓存，然后卸载部分切换时。彩视为在任何条件下编译（是否第一个条件是真的），然后被缓存，并且DOM元素被保留。

（4）性能消耗：v-if具有较高的开关损耗；彩视具有较高的初始呈现消费；

（5）使用场景：v-if不可能改变操作条件；彩视适合频繁切换。

提示：（1）如果该彩视功能，元素的显示：在CSS文件中没有，它是不可能通过设置彩视显示元素。

原因：通过JS代码控制彩视是显性和隐性的，要修改的元素风格的元素，如果值为假，设置显示：无；如果值为true，设置显示：'；所以真值，只有消除风格显示的元素，并不能显示CSS遮盖效果；

如下图所示，当价值= true，彩视变化element.style，因为无效，显示效果是通过在CSS文件中显示的确定。
uff1a结算条款

如果你使用彩视，如果隐藏在Vue DOM解析，尝试设置的样式属性显示的价值，不在CSS文件。

总结

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一定的帮助。如果有任何疑问，您可以留言交流，谢谢您的支持。