随笔分类 - vue相关

在Vue3中实现自定义指令

摘要：一、前言我们需要明白为什么需要自定义一个指令，其实就是想更加简洁地重复使用操作DOM的逻辑，这就和组件化和组合式函数差不多。不管是Vue内置的指令还是自定义的指令，都有类似于组件的生命周期，我们可以在不同的生命周期完成不同的逻辑操作，并绑定到组件元素上，这样就产生了自定义指令。在Vue3中，我们阅读全文

posted @ 2024-08-13 11:34 marilol 阅读(572) 评论(0) 推荐(0) 编辑

vue的虚拟DOM

摘要：1、作用提高性能（直接操作DOM性能低，js层操作效率高）跨平台 2、虚拟DOM如何生成 1、为组件编写模版-template 2、模版被编译器编译渲染为函数-render 3、挂载中调用render函数，返回对象就是虚拟DOM 4、后续patch过程中进一步转化成真实DOM 3、VDOM如何d 阅读全文

posted @ 2023-07-02 16:56 marilol 阅读(24) 评论(0) 推荐(0) 编辑

vue的理解

摘要：vue是一个渐进式框架声明式渲染 -> 组件系统 -> 客户端路由 -> 大规模状态管理 -> 构建工具 1、声明式框架命令式与声明式区别命令式关注过程声明式关注结构 // 命令式 let number = [1,2,3]; let total = 0; for (let i = 0; i 阅读全文

posted @ 2023-07-02 16:16 marilol 阅读(12) 评论(0) 推荐(0) 编辑

vue3和vue2对比

摘要：compostion api：组合api/注入api（3合成型api Composition API | 2选项型api Options API）双向数据绑定、响应式原理api的改变 this在vue3中与vue2中代表着完成不一样的东西 fragment支持多根节点组件 diff算法的优化 ho 阅读全文

posted @ 2023-01-03 10:36 marilol 阅读(294) 评论(0) 推荐(0) 编辑

vue学习

摘要：vue3中ref函数和reactive函数 1、ref函数作用：定义一个响应式的数据语法：const xx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） js中操作数据：xxx.value 模版中读取数据：不需要.value，直接：阅读全文

posted @ 2023-01-03 10:35 marilol 阅读(31) 评论(0) 推荐(0) 编辑