- 博客(10)
- 收藏
- 关注
RSS订阅原创 9、TypeScript基础
TypeScript：微软开发的，，它在 JavaScript 基础上添加了静态类型系统，可编译为纯 JavaScript 代码，能运行在任何支持 JavaScript 的环境中，旨在提升大型 JavaScript 项目的可维护性、可读性并提前捕获类型相关错误由于JS运行环境（浏览器、Node.js）不识别TS代码，因此TS想要运行必须先转为能够被识别的JS代码，TS官方提供的编译器是tsc，能够将TS脚本编译成JS脚本。
2026-03-12 18:06:58
917
原创 8、pinia状态管理
Pinia 是 Vue 官方推荐的状态管理工具，把多个组件共享的数据 / 方法抽离出来，统一管理，让组件间通信更简单，不用再一层层传值</</</</importfromimportfrom;// 解构获取数据，但是不是响应式数据（解构丢失响应式）// reactive包装的代理对象，直接解构reactive对象的属性会失去响应式关联let;// storeToRefs方法，使得解构后的数据保持响应式constfn=>++;
2026-03-11 18:22:02
350
原创 7、路由基础
路由：在SPA中，面临着如何实现页面切换的问题，使用路由（不同页面使用不同路径，路径与视图对应）可解决这一问题，路由实际上是一组映射关系（key - path，value - component），其核心作用是实现 URL 与组件之间的对应，以及组件的切换路由管理工具：Vue Router 是专为 Vue 的单页应用设计的路由管理工具，核心是 “URL - 组件映射” 和 “无刷新导航”，并提供丰富的高级导航功能，使得单页应用的导航逻辑更规范、功能更完善，同时保持与 Vue 生态的兼容项目中的router
2026-03-10 17:00:17
591
原创 6、动态组件
KeepAlive缓存：它是一个抽象组件，它会缓存包裹在其中的动态组件，当组件在 KeepAlive内被切换时，它的状态会被保留在内存中，而不是被销毁和重建。Teleport组件：又称“瞬移组件”，可理解为“传送门”， 在一个组件的模板里编写了一段 HTML，但希望这段 HTML 最终被渲染到 DOM 树的另一个完全不同的位置，而不是作为当前组件 DOM 结构的一部分。其中currentComponent 是一个 Vue 组件实例、一个组件选项对象，或者是一个字符串形式的组件名称。起来，而不是被销毁；
2026-03-09 12:32:17
476
原创 5、响应式数据、侦听器
customRef： Vue3提供的一个高级响应式API，它允许创建一个完全自定义的 ref 对象，它将ref的内部工作原理（即依赖追踪和触发更新）的控制权交出，可以在 get 和 set 操作时注入自定义逻辑，从而实现更复杂的响应式行为。简单来说就是自定义数据如何被读取和修改，Vue负责追踪依赖和更新视图track()：依赖追踪，当自定义ref的get方法被调用trigger()：触发更新，当自定义ref的set方法被调用。
2026-03-08 08:20:29
792
原创 4、属性的透传、自定义指令
自定义指令：可以为一种对 DOM 元素进行底层操作和行为封装的工具Vue 的核心是数据驱动和组件化，但某些场景下，必须要操作DOM元素，如实现拖拽功能、滚动事件等等。这些操作如果放在生命周期钩子中显得零散难以复用，自定义指令就可以把这些DOM操作封装，能在不同元素上复用自定义指令的核心：生命周期钩子实现，其逻辑主要是通过一系列钩子函数实现全局指令：在整个 Vue 应用中，任何组件的模板都可以使用// main.js// 定义一个名为 "focus" 的全局指令。
2026-03-07 09:08:59
728
原创 1、常用的Excel函数
Sheet1到Sheet3都存在相同的表结构，A1:E5描述四个属性及对应数据，F6描述范围表内所有数据的和，对三张表的单元格F6汇总到汇总表的单元格F6，点击汇总表F6单元格，输入sum求和，点击Sheet1的F6单元格，按Shift键并点击Sheet3，相当于选中从Sheet1到Sheet3的三张表的单元格F6，此时汇总表F6单元格的公式为。注意：外部工作簿切换窗口，必须保证外部工作簿处于是打开的，若后续关闭，则公式中的工作簿名变更为绝对路径，同时工作簿名称路径及工作表名被一对半角单引号包裹，如。
2026-03-06 20:30:01
846
原创 3、组件间通信
第二步：父组件传递数据，父组件在使用子组件时通过 传递数据【类比函数的实参】第三步：子组件接收父组件传递的数据项【类比函数体内的形参】子到父的数据传递第一步：子组件注册emit事件第二步：父组件使用子组件时注册事件兄弟间的数据传递setup语法糖父到子的数据传递子到父的数据传递defineModel：跨单层级组件的双向数据绑定在defineModel出现之前，要想实现数据的双向绑定（父组件的数据传给子组件，在子组件中对其数据的修改也能作用在父组件
2026-03-05 10:07:21
492
原创 2、v-slot插槽
/</</</importfromexportdefaultcomponents</插槽：子组件留给父组件的内容占位符，父组件可以把任意内容（文本、HTML、其他组件）塞进这个占位符里，而子组件负责决定这个占位符的位置和样式</</</</</</</</</</</
2026-03-04 11:00:56
483
原创 1、v-bind动态绑定
v-bind指令：Vue中用于动态绑定数据到HTML元素属性的指令。将Vue组件中的数据（响应式数据、计算属性等）与DOM元素的属性值关联起来，当数据变化时，DOM会动更新</</</</importfrom'vue';importfrom;importfrom;letref;functionfn;</</
2026-03-03 08:36:01
238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人