随笔分类 -  Vue学习

Vue学习
key作用与原理
摘要：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)