![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 81
vue相关知识
heiyay
这个作者很懒,什么都没留下…
展开
-
keep-alive组件的作用与原理
"keep-alive" 是 Vue.js 中的一个特殊组件,用于缓存组件的状态,以提高应用性能。在 Vue.js 中,组件通常是动态创建和销毁的,当切换到另一个页面或组件时,之前的组件会被销毁,再次进入时会重新创建和初始化。这样可能导致组件的状态丢失,需要重新初始化,增加了资源的消耗。原创 2023-08-04 17:10:25 · 1140 阅读 · 0 评论 -
Vue之nextTick原理与作用
在 Vue.js 中,$nextTick方法的底层原理涉及 Vue 的更新队列以及浏览器的异步任务队列(微任务和宏任务)。它的主要目标是在下次 DOM 更新循环结束后执行回调函数,确保能够访问到更新后的 DOM。下面是$nextTick方法的大致执行过程:当调用时,Vue 会将callback函数添加到一个称为“更新队列”(Update Queue)的数组中。Vue 会检查是否已经有一个异步任务正在进行中。如果没有,它会创建一个微任务,该微任务将在当前代码执行完成后执行。原创 2023-07-21 15:59:14 · 336 阅读 · 0 评论 -
React、Vue3中父组件如何调用子组件内部的方法
本文介绍在react和vue项目中父组件如何调用子组件的方法原创 2023-07-13 17:32:53 · 2311 阅读 · 0 评论 -
React、Vue框架如何实现组件更新,原理是什么?
React 和 Vue 都是当今最流行的前端框架,它们都实现了组件化开发模式。为了优化性能,两者都采用了虚拟DOM技术。当组件状态发生改变时,它们会使用虚拟DOM进行局部渲染比对,只更新必要的DOM节点,从而避免重新渲染整个组件树。原创 2023-07-15 10:56:11 · 26851 阅读 · 1 评论 -
vue-router详解
Vue Router是Vue.js官方提供的用于构建单页面应用(SPA)的路由管理器。它允许你通过URL路径来管理应用程序的不同视图,并提供了导航功能、参数传递、路由守卫等特性。下面结合示例来解释Vue Router的主要概念和用法。main.jsVue.use()然后在main.js里面引用在main.js文件引入默认路径:默认路径是指在用户访问应用程序时,如果没有匹配到任何已定义的路由路径,那么将跳转到默认路径。通过设置默认路径,你可以确保在没有匹配到特定路径时,用户会被导航到应用程序的默认页面。原创 2023-07-10 17:43:44 · 280 阅读 · 0 评论 -
在 Vue 3 中使用阿里巴巴矢量图标库
MyIcon.vue。原创 2023-07-07 12:25:22 · 1204 阅读 · 1 评论 -
一篇读懂React、vue框架的生命周期函数
当涉及到前端框架时,React 和 Vue.js 是两个非常受欢迎的选择。它们都提供了强大的工具和功能,帮助开发者构建交互式的、可扩展的应用程序。在这两个框架中,生命周期函数是一个重要的概念,它们允许我们在组件的不同阶段执行特定的代码。React 和 Vue.js 的生命周期函数提供了一种组件生命周期管理的机制,让我们能够在组件的创建、更新和销毁等不同阶段执行特定的操作。这些函数包括在组件实例化、挂载到DOM、更新、卸载等过程中被自动调用,使我们能够在关键时刻对组件进行控制和操作。原创 2023-07-05 16:39:02 · 210 阅读 · 0 评论 -
vue组件间通信方式
组件之间的通信是指不同组件之间在共享数据、传递消息或触发事件等方面进行交流和协作的过程。在应用程序中,不同的组件可能需要相互传递数据、共享状态、触发动作或响应事件等,以实现组件之间的协调和交互。: useAttrs是 Vue 3 中提供的一个 Composition API,用于获取组件上未声明为props的属性。这些通信方式可以根据应用程序的需求和复杂性进行选择和组合使用,以实现组件之间的有效通信和协作。原创 2023-06-28 14:55:55 · 178 阅读 · 0 评论 -
搭建一个前端Vue项目
用shift+右键打开Windows powershell输入以下命令npm install -g vue-clinpm install -g npm to updatevue init webpack 工程名(一般不包含大写字母)打开idea选择刚刚下载文件的目录运行前端vue项目add-±npm-commend(star)-ok 如图也可直接在command里选择star...原创 2019-03-10 21:07:38 · 310 阅读 · 0 评论 -
vue前端框架面试问题汇总
1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?答:在router目录下的index.js文件中,对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子?答:三种,一种是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截。第二种:组件内的钩子;第三转载 2020-09-21 21:43:53 · 416 阅读 · 1 评论 -
vue 中使用element-ui的menu选中高亮的问题
自己在做一个小项目的时候遇到的问题,看了很多博主发的解决方法,然后记录一下最终解决了我问题的这篇。内容都是引用的其他博主的原文在使用element中的menu组件时,根据官方文档,可以设置给el-menu设置router属性为:true,给el-menu-item设置index的值为路径,就可以实现点击导航跳转到指定路由。这样做虽然能实现跳转,但是,若刷新浏览器,则导航会跳转到默认的选中项,而不是我们离开时的导航。 百度时大部分回答是将default-active属性设置为:$route.path,转载 2021-04-17 12:05:48 · 1375 阅读 · 1 评论