![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
你才是向阳花
这个作者很懒,什么都没留下…
展开
-
Vue3与Vue2的区别,在性能优化上有哪些特别之处
这些改进共同作用,使得 Vue 3 相比 Vue 2 在运行时性能、初始化速度、内存使用等方面都有了显著提升,为开发者提供了更高效的开发环境。Vue 3 是对 Vue 2 的一次全面升级,它在保留Vue原有简洁易用的基础上,通过一系列改进进一步提高了框架的性能、灵活性和开发效率。Vue 3 相较于 Vue 2 有几个显著的不同和改进,这些变化旨在提升性能、开发体验和功能性。原创 2024-05-14 15:21:36 · 679 阅读 · 1 评论 -
长页面多模块调接口优化
背景:查询近3年数据之类的,接口就会有大量数据需要查询做聚合,因此接口响应较慢。同时前端页面有大量不同维度展示的图表,渲染阻塞时间过长,用户体验较差,长时间loading,导致无法交互。因此前端做了一个懒加载功能。原创 2024-04-17 11:12:37 · 232 阅读 · 0 评论 -
vue原理相关一些 题目整理
可以使用 requestAnimation 这个方法,将数据进行分割,分批次渲染,减少了 js 的连续运行时间,并且加快了渲染时间,利用加长总运行时间换取了渲染时间,用户既能快速得到反馈,而且不会因为过长时间的 js 运行而无法与页面交互。如何操作dom、更新dom?存在大量数据并且都是复杂类型的时候,会导致vue对数据的劫持时间和渲染时间变长, js 连续执行时间过长,会导致页面长时间无法交互,而且渲染时间太慢,用户一次交互反馈的时间过长。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。原创 2024-04-12 16:24:24 · 424 阅读 · 0 评论 -
vue插槽的几种方式
插槽的作用:可以实现子组件的个性化引用,复用更灵活,参数&层级 数据加工 个性化动态拼装。相当于在父子组件之间挖一个洞,在洞里进行连接和传递数据。在子组件中留一个空间,由父组件进行搭建。原创 2024-03-17 11:55:49 · 429 阅读 · 1 评论 -
Vue 3项目搭建
1. 首先确保我们的电脑安装了node,如何确认?打开命令提示符,搜索栏输入 cmd,输入。输入 vue --version 检查是否安装成功,若出现版本号则表示安装成功。如果出现正常的版本号则表示已安装,可以在node官网进行下载,进入创建目录文件夹,vue create 你的项目名。创建项目时默认选中vue3,可切换vue版本。3. 利用vue脚手架创建vue项目。4. 进入文件夹就可以启动项目了。2. 安装vue脚手架 cli。可以下载稳定版本均可使用。原创 2024-03-09 10:40:11 · 219 阅读 · 1 评论 -
Vue组件间通信方式
具体步骤:vuex更新时同时出发浏览器缓存,确保刷新之前的缓存数据为最新,在页面刷新时,优先调用缓存数据更新vuex,若接口提供了最新数据则调取接口更新。在刷新前将vuex中的数据直接保存到浏览器缓存中,页面刷新后,在页面刷新的时候获取缓存数据,使之动态更新vuex数据,获取子组件: this.$refs.children 或 this.$refs["children"]1. props 传递数据,父组件传递给子组件,在使用子组件时通过标签中字面量来传递值。2. $emit 子组件反馈给父组件的方法。原创 2024-02-27 11:07:51 · 285 阅读 · 0 评论 -
结合vuex设置按钮权限
自定义一个permission指令,路径:src/plugins/permission.js。如果接口返回该用户有权限,则会显示对应button。原创 2023-08-09 10:43:05 · 77 阅读 · 1 评论 -
vue路由配置
路由配置:router.config.js。代码:index.js。获取component。原创 2023-08-10 17:06:33 · 164 阅读 · 1 评论 -
router跳转始终带参数
【代码】router跳转始终带参数。原创 2023-08-10 17:17:52 · 168 阅读 · 1 评论 -
Vue生命周期
触发时机上 created 是比 mounted更早的,放在mounted中的请求有可能导致页面闪动,因为此时dom结构已经生成,但如果放在页面加载之前完成请求,则不会出现此情况。beforecreate → 执行时组件实例还未创建,通常用于插件开发中执行一些初始化任务。mounted → 初始化结束,dom已创建,可用于获取访问数据和dom元素。是在组件实例一旦创建完成的时候立刻调用,这时候页面的dom节点并未生成;beforeMount → 未执行渲染、更新,dom未创建。原创 2024-02-26 11:50:42 · 140 阅读 · 1 评论