摘要:
一、计算属性【computed】 对于任何复杂逻辑,你都应当使用计算属性 是根据依赖关系进行缓存的计算,只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时,可以使用computed <!-- 复杂运算 --> <div>{{message.split( 阅读全文
posted @ 2023-06-14 10:30
有只小菜猫
阅读(75)
评论(0)
推荐(0)
摘要:
【key 是为 Vue 中 虚拟节点 的唯一标记,通过这个 key,diff 操作可以更准确、更快速】 (1)第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候,如果切换前后含有相同类型的 阅读全文
posted @ 2023-06-14 10:07
有只小菜猫
阅读(318)
评论(0)
推荐(0)
摘要:
https://www.cnblogs.com/wind-lanyan/p/9061684.html 阅读全文
posted @ 2023-06-14 10:06
有只小菜猫
阅读(30)
评论(0)
推荐(0)
摘要:
一、虚拟DOM 1、概念相关 是一个JavaScript对象,通过对象的方式来表示DOM结构,是对DOM的抽象 以对象的形式来描述真实DOM结构,最终渲染到页面 在每次数据发生变化前,虚拟DOM都会缓存一份,变化之时,现在的虚拟DOM会与缓存的虚拟DOM进 行比较 在vue内部封装了diff算法,通 阅读全文
posted @ 2023-06-14 09:51
有只小菜猫
阅读(516)
评论(0)
推荐(0)
摘要:
一、底层原理 利用 v-bind 用来绑定value的值 用 v-on 去绑定input标准事件 是事件用来监听当输入域内容发生变化的时候来执行一些事情 具体事件: 通过$event这个事件对象获取到最新的输入域的值 把最新的值赋值给旧的值,进行数据更新。 》双向数据绑定 二、如何实现 (1)作用在 阅读全文
posted @ 2023-06-14 09:32
有只小菜猫
阅读(506)
评论(0)
推荐(0)