![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 88
海燕技术栈
既然巅峰留不住,那就重走来时路
展开
-
Vue之nextTick原理与作用
原文合集地址如下,有需要的朋友可以关注。原创 2023-08-01 22:01:21 · 314 阅读 · 0 评论 -
React、Vue框架如何实现组件更新,原理是什么?
diff 算法是虚拟 DOM 中用于增量更新的关键算法。它的主要作用是对比两棵虚拟 DOM 树的差异,运算出需要更新的最小量 DOM 操作。用虚拟 DOM 构建出新的DOM树(树A)将新的DOM树与旧的DOM树(树B)进行对比找出差异对比过程中,首先比较树A和树B的根节点如果根节点不相同,直接替换整个DOM树如果根节点相同,再递归地对比和更新它的属性、子节点等只更新变化的部分,不修改相同的节点最后将变化渲染到真实DOM中。原创 2023-07-17 21:35:02 · 922 阅读 · 0 评论 -
vue-router详解
Vue Router是Vue.js官方提供的用于构建单页面应用(SPA)的路由管理器。它允许你通过URL路径来管理应用程序的不同视图,并提供了导航功能、参数传递、路由守卫等特性。下面结合示例来解释Vue Router的主要概念和用法。main.jsVue.use()然后在main.js里面引用在main.js文件引入默认路径:默认路径是指在用户访问应用程序时,如果没有匹配到任何已定义的路由路径,那么将跳转到默认路径。原创 2023-07-11 22:24:26 · 471 阅读 · 0 评论 -
在 Vue 3 中使用阿里巴巴矢量图标库
手动下载阿里巴巴矢量图标库的字体文件:在阿里巴巴矢量图标库网站上选择您需要的图标,并将其添加到购物车。然后下载文件。解压下载的文件,将字体文件复制到您的 Vue 3 项目的合适目录例如。在MyIcon.vue组件中使用自定义图标:name : {main.js文件引入import {// 引入自定义图标样式文件 import MyIcon from '@/components/MyIcon/MyIcon.vue';原创 2023-07-09 22:17:10 · 595 阅读 · 0 评论 -
一篇读懂React、vue框架的生命周期函数
原文合集地址如下,有需要的朋友可以关注本文地址合集地址当涉及到前端框架时,React 和 Vue.js 是两个非常受欢迎的选择。它们都提供了强大的工具和功能,帮助开发者构建交互式的、可扩展的应用程序。在这两个框架中,生命周期函数是一个重要的概念,它们允许我们在组件的不同阶段执行特定的代码。React 和 Vue.js 的生命周期函数提供了一种组件生命周期管理的机制,让我们能够在组件的创建、更新和销毁等不同阶段执行特定的操作。这些函数包括在组件实例化、挂载到DOM、更新、卸载等过程中被自动调用,使我们能够在关原创 2023-07-07 22:15:37 · 88 阅读 · 0 评论 -
简单了解vue.js
简单了解vue.jsvue.js提供了现代web开发中常见的高级功能,比如: 解耦视图与数据 可复用的组件 前端路由 状态管理 虚拟DOM1、MVVM模式 视图层、视图模型、模型双向绑定双向绑定第一种:<div id="app"> <input type="text" v-model="name"/> ...原创 2018-06-07 15:30:24 · 253 阅读 · 0 评论