![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 86
爱吃炫迈
这个作者很懒,什么都没留下…
展开
-
前端路由hash && history
前端路由,是指前端应用中管理页面导航和url的机制。前端路由使得单页面应用能够在用户交互时动态的加载不同的视图,而不需要每次都重新加载整个页面,即刷新页面。vue-router,React Router等都属于前端路由库,这些库提供了一组api和组件,用于定义路由规则、处理导航事件和渲染相应的视图。原创 2024-04-01 19:46:36 · 1121 阅读 · 0 评论 -
vue3性能提升主要通过哪几方面?
编译优化的策略与具体实现是由框架的设计思路决定的,不同的框架具有不同的设计思路,因此编译优化的策略也不尽相同。但优化的方向是基本一致的,就是尽可能的区分和,并根据不同的内容采用不同的优化策略。原创 2024-04-01 19:33:00 · 1374 阅读 · 1 评论 -
nextTick源码解读
🧑💻座右铭:道阻且长,行则将至💗。原创 2023-09-29 17:50:06 · 241 阅读 · 0 评论 -
【Vue全家桶】$refs的使用
在某些情况下,我们在组件中想要直接获取到。原创 2023-06-30 00:01:26 · 258 阅读 · 0 评论 -
vue中的diff算法
当数据发生改变时,订阅者watcher就会调用patch给真实的DOM打补丁通过进行判断,相同则调用patchVnode方法patchVnode做了以下操作:找到对应的真实dom,称为el如果都有都有文本节点且不相等,将el文本节点设置为Vnode的文本节点如果oldVnode有子节点而VNode没有,则删除el子节点如果oldVnode没有子节点而VNode有,则将VNode的子节点真实化后添加到el如果两者都有子节点,则执行函数比较子节点主要做了以下操作:设置新旧VNode。原创 2023-05-20 23:25:48 · 473 阅读 · 1 评论 -
pinia状态管理
Pinia本质上是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Redux一样),是Vuex的代替者。原创 2023-04-11 16:52:57 · 982 阅读 · 8 评论 -
【vue】Storage二次封装
(1) 由于getItem得到的是一个字符串,所以要使用JSON.stringify将字符串转化成一个对象,赋值给obj。(3) 由于setItem的key和value都要满足字符串类型,所以使用JSON.parse将obj对象转化成字符串。(4) 使用setItem将"{name:‘abc’,age:23,height:1.89}"加入info。(2)用obj.height=1.89向obj对象中添加height属性。将添加属性后的对象放回info中。用对象的方法添加属性。原创 2023-03-27 20:27:17 · 268 阅读 · 1 评论 -
【vue】Router
直接会跳转到Home页面。:没有配置默认路径:不会跳转。原创 2023-03-26 17:58:59 · 85 阅读 · 0 评论 -
【Vue全家桶】Vuex状态管理
在开发中,我们会的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就称之为是状态管理。在前面我们是如何管理自己的状态呢?在Vue开发中,我们使用组件化的开发方式;而在组件中我们定义data或者在setup中返回使用的数据,这些数据我们称之为state;在模块template中我们可以使用这些数据,模块最终会被渲染成DOM,我们称之为View;在模块中我们会产生一些行为事件。原创 2023-03-24 20:34:50 · 94 阅读 · 0 评论 -
【vue】组件通信案例练习(OptionsAPI方法)
组件通信案例练习(OptionsAPI方法)原创 2023-03-22 18:32:24 · 110 阅读 · 0 评论 -
【Vue全家桶】vue组件间通信
中可以使用它来作为沟通桥梁的概念, 就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件, 所以组件都可以通知其他组件。举个栗子:子组件中有个按钮表示+100,点击按钮时父组件中的counter就+100。在Vue的项目中使用eventBus来实现组件之间的数据通信具体步骤:通过使用。指定已创建的实例之父实例,在两者之间建立父子关系。什么情况下子组件需要传递内容到父组件呢?举个栗子:展示jack的个人信息。访问父实例,子实例被推入父实例的。如何完成子组件传递给父组件。来完成组件之间的通信。原创 2023-03-21 21:25:47 · 212 阅读 · 0 评论 -
vue的Mustache语法、常用指令
🧑💻座右铭:道阻且长,行则将至💗。原创 2023-03-21 11:59:20 · 208 阅读 · 1 评论