Vue3
文章平均质量分 80
Vue3的经验记录和知识总结,以及面适经验
接着奏乐接着舞。
冥鸿天际尘事分付一轻芒
展开
-
【2024最新】vue3的基本使用(超详细)
Vue 3是下一代前端框架,用最新技术提升网站速度和开发体验。它引入组合式API,让代码更灵活、易于管理。同时,优化的响应式系统和更好的TypeScript整合,确保了应用运行更流畅,开发更高效。通过创新特性如`Teleport`和`Suspense`,Vue 3让用户界面更快加载、更动态,无论项目大小,都能轻松应对。简单说,Vue 3让前端开发更前沿、更有趣。原创 2024-04-02 17:59:26 · 6227 阅读 · 8 评论 -
Vue3 Hooks函数使用及封装思想
在Vue 3中,Hooks函数不是Vue官方专门定义的一个API,而是社区中根据React Hooks的概念借鉴而来的一种编程模式。简单来说,Hooks函数是一种利用Vue 3的Composition API来封装和复用逻辑的方法。原创 2024-02-28 23:06:19 · 1648 阅读 · 4 评论 -
前端性能优化之按需分割代码块
Vue 的动态 import 和 React 的 React.lazy 是框架层面的特性,用于标记哪些代码应该被懒加载。Webpack(或其他构建工具)的作用是在构建过程中识别这些动态导入,并据此将应用程序拆分成多个较小的包。这个过程称为“代码分割”。原创 2024-01-09 23:50:14 · 875 阅读 · 9 评论 -
一文带你了解vite核心原理
重点讲述了vite的核心原理(ESM),并以一个vue文件的变化为例子,完整的说明vite和浏览器的工作步骤。原创 2024-01-08 18:04:33 · 1393 阅读 · 3 评论 -
【vue】虚拟dom的原理是什么?手写实现虚拟dom !
本文围绕什么是虚拟DOM,以及如何创建虚拟DOM、如何使用虚拟dom渲染到页面上,并引申出vue的diff算法、双端比较、key属性等其他内容原创 2023-11-13 22:46:14 · 827 阅读 · 11 评论 -
【vue3】Pinia是什么?实现原理?手写Pinia!
本文围绕pinia的核心功能及核心原理进行,以及如何手写一个简易版pinia的具体代码以及编写思路。原创 2023-11-10 15:49:02 · 1381 阅读 · 5 评论 -
vue3的效率提升主要表现在哪些方面?
客户端渲染效率比vue2提升了1.3~2倍SSR渲染效率比vue2提升了2~3倍。本文详细讲述vue3对比vue2带来的巨大性能提升原创 2023-02-14 11:12:02 · 1165 阅读 · 23 评论 -
vue3电商项目总结(2)
1.路由组件的缓存2.手写图片放大镜3. vueuse/core-监听在元素之外点击4.loading图片优化5.图片懒加载原创 2021-07-27 19:15:02 · 1751 阅读 · 3 评论 -
手写vue3响应系统
目录1.目标:2.原理3.实现代码4.小结:假设我现在有一个对象obj还有一个函数effect我们希望修改值obj.text = "hello vue3"时,effect函数页执行,使得页面数据发生变化 想要的效果是修改obj.text的值,页面也跟着变化,这就是响应式。再明确一下目标:修改对象的值,使页面自动更新我们修改的最新值(数据)vue2使用的是obj.defineproperty函数实现,而vue3使用的proxy代理对象实现,这里使用proxy。完成上述的目的有两个重要的信息:第一原创 2022-06-28 00:21:19 · 2711 阅读 · 1 评论 -
Vue3项目起步该做的二三事
在一个新项目开始的时候,做一些准备工作,可以起到事半功倍的效果。1.添加配置文件2. vuex-持久化插件3. 封装axios-提供请求函数4. 封装axios-集中添加token5.封装axios-剥离无效数据+集中处理4016. 路由设计7. 安装调试工具8.划分vuex模块原创 2021-08-04 23:43:03 · 1486 阅读 · 3 评论 -
vue电商项目归纳总结(1)
1.吸顶效果2.组装数据3.轮播图原创 2021-07-22 21:30:12 · 1695 阅读 · 5 评论 -
vue3中的懒加载和自定义指令
1.懒加载:应用场景:下拉页面加载页面数据时,立即去加载数据,效率较低目标(效果):当组件进入可视区域之后才去发请求加载数据,没有进入可视区域前,ajax请求是不发的思路:如何判断一个dom元素是否进入了可见区域?传统方式:获取dom的位置,手动判断。(距离页面顶部的距离 比较 滚动条卷起的高度,还要考虑元素自己的高度 )现在:直接判断元素进入可视区域的比例 (使用第三方@vueuse/core 中的 useIntersectionObserver )vueuse官网: http原创 2021-07-19 22:34:05 · 1792 阅读 · 5 评论 -
Vue3新特性和使用方法系统总结
vue3.0 在20年9.18号更新,随着社区生态逐步完善,支持的组件库也越来越多。总结一下vue3带来一些新的变化,积极拥抱新技术,本文对3.0做了较为全面的总结,如有更新,还会更新此文章 ------2021年.7.13日第一次总结原创 2021-07-13 20:31:06 · 2324 阅读 · 8 评论