随笔分类 -  Vue学习

Vue学习
摘要:key作用与原理 1、 虚拟DOM中的key的作用: ​ key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据新数据生成新的虚拟DOM,随后Vue进行新的虚拟DOM与旧虚拟DOM的差异比较(diff算法),比较规则如下: 2、对比规则: ​ (1)旧虚拟DOM中找到了与新虚拟DOM相同的ke 阅读全文
posted @ 2022-09-15 14:07 7obui 阅读(59) 评论(0) 推荐(0)
摘要:条件渲染 v-show:显示与隐藏内容 <h1 v-show="false">welcome to {{name}}</h1> 其中 v-show="false"里的东西只要是能返回布尔值的表达式就行,比如v-show="1<2" v-if:彻底删除内容 <h1 v-if="false">welco 阅读全文
posted @ 2022-09-15 13:46 7obui 阅读(28) 评论(0) 推荐(0)
摘要:绑定样式 <div class="basic" style="font-size: 40px;">{{name}}</div> 此时的font-size: 40px已经固定,无法再改变了,我们需要通过Vue绑定样式,来动态改变style 修改如下: <div class="basic" :style 阅读全文
posted @ 2022-09-15 13:39 7obui 阅读(31) 评论(0) 推荐(0)