计算属性computed : 支持缓存，只有依赖数据发生改变，才会重新进行计算，计算属性可用于快速计算视图（View）中显示的属性。这些计算将被缓存，并且只在需要时更新。computed是计算属性的;

前端路由实现方式 1.hash模式 2.history模式 为什么要用 AJAX局部刷新，导致浏览器的URL不会发生任何变化。

Proxy 翻译过来就是代理的意思，何为代理呢？就是 用 new 创建一个目标对象（traget）的虚拟化对象，然后代理之后就可以拦截JavaScript引擎内部的底层对象操作；这些底层操作被拦截后会触发响应特定操作的陷阱函数。 ​ 要使用 Proxy 包装的目标对象（可以是任…

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

Vue3 的新特性 —— Composition-Api 前言 随着Vue3.0正式的发布，正如你所期望的那样，Vue3.0带来了很多令人兴奋的新功能。今天我们就来探究一下新特性(Compositio

最近一个项目向Vue框架搭建的新项目迁移，但是项目中没有使用vue ui库，也还没有封装公用的弹窗组件。于是我就实现了一个简单的弹窗组件。在开发的之前考虑到以下几点： 其中包含了要实现的主要功能，以及要处理的问题。 1. 完成页面结构和样式 先创建一个弹窗组件vue文件，实现基…

本章记录一下基于Vue实现一个的tabs选项卡切换组件（iview组件库tabs组件源码）。需要将实现的功能一步一步细化拆解出来，然后逐步实现。目前实现的功能包括： 实现基础选项卡切换功能。 实现当前选中的页签底部条高亮显示并且加入移动的动画。 当空间不足时，显示左右箭头点击后…

1. 父组件 向 子组件 传递值 2. 子组件 向父组件传递值 3. 父组件 通过 $refs / $children 来获取子组件值 4. 子组件 通过 $parent 来获取父组件实例的属性和方法 5. $attrs 和 $listeners 获取父组件实例属性和方法(组件…

以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。