![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
hhhhhhhh
Tdurian
你总会迎来那束光 或早或晚
展开
-
diff算法详解
diff算法是一种通过同层的树节点进行比较的高效算法,它的目的就是找出新旧不同虚拟DOM之间的差异,使得能够最小化地更新视图,所以diff算法本质上就是比较两个js对象的差异。原创 2023-07-30 17:59:00 · 858 阅读 · 1 评论 -
【面试题】Vue 路由传递参数相关面试题
如果配置路由的时候,占位了(params参数),但是路由跳转的时候没有传递,路径就会出现问题。形如http://localhost:8080/#/?路由跳转传参的时候,对象的写法可以是name、path形式,但是需要注意的是,path这种写法是不能与params参数一起使用的。那如何指定params参数可传可不传?可以在配置路由的时候,在占位的后面加上一个问号。使用undefined解决:params参数可以传递、不传递(空的字符串)方法一:布尔值写法,只能传递params参数。可以的,有三种写法。原创 2023-06-10 14:44:39 · 135 阅读 · 0 评论 -
什么是虚拟DOM?
虚拟DOM(Virtual DOM)就是普通的js对象,是一个用来描述真实dom结构的js对象,并且最少包含标签名、属性和子元素对象三个属性,不同框架对这三个属性的命名可能会有差别。虚拟DOM是相对于浏览器所渲染出来的真实DOM而言的,创建虚拟DOM就是为了更好地将虚拟的节点渲染到页面视图中,所以虚拟DOM对象的节点与真实DOM的属性一一对应。原创 2023-06-07 00:12:54 · 666 阅读 · 1 评论 -
vue3中的ref函数、reactive函数以及shallowReactive 函数和 shallowRef函数
shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。shallowReactive:只处理对象最外层属性的响应式(浅响应式)。语法:const xxx = ref(initValue)可以用来定义对象(或数组)类型数据,它内部会自动通过。定义对象(或数组)类型数据时,它不会通过。作用:定义一个响应式的数据。原创 2023-05-26 00:14:22 · 225 阅读 · 1 评论 -
Vue 路由元信息的使用例子(实现Footer组件在不同页面的显示和隐藏)
然后在使用Footer组件时使用v-show来控制它显示与否, 当$route.meta,show为true时才显示,否则就是隐藏的。我们可以根据组件上的$route获取当前路由的信息,通过路由来判断Footer组件的显示和隐藏。功能效果:在首页和搜索展示页显示Footer组件,在登录、注册页不显示Footer组件。配置路由的时候,可以给路由添加路由元信息【meta】,路由需要配置对象。首先定义路由的时候可以配置meta字段。原创 2022-10-08 15:16:46 · 834 阅读 · 1 评论