2023学年完整公开课版vshow

上传人：开*** IP属地：安徽上传时间：2023-05-12 格式：PPTX 页数：13 大小：378.58KB 积分：14 举报 版权申诉

已阅读5页，还剩8页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

v-show1、v-show指令的用法

2、v-show与v-if的区别

1、通过实例v-show指令的用法

2、了解v-show与v-if的区别v-show原理就是将控制标签display属性设为none与移除display属性达到一个隐藏/显示效果，使用v-show指令来根据条件展示元素。

v-show指令的用法

使用v-show指令来根据条件展示元素。

v-show指令的用法

v-if的初始化较快，但切换代价高；v-show初始化慢，但切换成本低。具体讲，体现在以下几个方面。

v-show与v-if的区别

1、实现方式：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；

v-show与v-if的区别

2、编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；

v-show与v-if的区别

3、编译条件：v-if是惰性的，如果初始条件为假，则不编译;v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元素保留；

v-show与v-if的区别

4、性能消耗：v-if有更高的切换消耗；v-show有更高的初始渲染消耗；

v-show与v-if的区别

5、使用场景：v-if适合运营条件不大可能改变；v-show适合频繁切换。

v-show与v-if的

人人文库> 全部分类> 教育资料 > 辅导培训

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。