摘要：
所谓 watch，就是观测一个响应式数据或者监测一个副作用函数里面的响应式数据，当数据发生变化的时候通知并执行相应的回调函数。 Vue3 最新的 watch 实现是通过最底层的响应式类 ReactiveEffect 的实例化一个 reactive effect 对象来实现的。它的创建过程跟 effe 阅读全文
posted @ 2023-11-17 16:06
柯基与佩奇
阅读(279)
评论(0)
推荐(0)
摘要：
前言 技术栈是 Vue 的人，在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的响应式原理是怎么样的？ Vue3 的响应式原理又是怎么样的？ Vue2 中是怎么监测数组的变化的？ Vue3 中又是怎么监测数组的变化的？ 在问完 V 阅读全文
posted @ 2023-11-17 16:05
柯基与佩奇
阅读(147)
评论(0)
推荐(0)
摘要：
Vue.js 内部将 DOM 节点抽象成了一个个的 VNode 节点，keep-alive 组件的缓存也是基于 VNode 节点的而不是直接存储 DOM 结构。它将满足条件（pruneCache 与 pruneCache）的组件在 cache 对象中缓存起来，在需要重新渲染的时候再将 vnode 节 阅读全文
posted @ 2023-11-17 16:05
柯基与佩奇
阅读(180)
评论(0)
推荐(0)
摘要：
作用：vue 更新 DOM 是异步更新的，数据变化，DOM 的更新不会马上完成，nextTick 的回调是在下次 DOM 更新循环结束之后执行的延迟回调。 实现原理：nextTick 主要使用了宏任务和微任务。根据执行环境分别尝试采用 Promise：可以将函数延迟到当前函数调用栈最末端 Mutat 阅读全文
posted @ 2023-11-17 16:04
柯基与佩奇
阅读(287)
评论(0)
推荐(0)
摘要：
给对应和数组本身都增加了 dep 属性 当给对象新增不存在的属性则触发对象依赖的 watcher 去更新 当修改数组索引时，调用数组本身的 splice 去更新数组（数组的响应式原理就是重新了 splice 等方法，调用 splice 就会触发视图更新） splice(); push(); pop( 阅读全文
posted @ 2023-11-17 16:04
柯基与佩奇
阅读(88)
评论(0)
推荐(0)
摘要：
何为 scoped 在 vue 文件中的 style 标签上，有一个特殊的属性：scoped。当一个 style 标签拥有 scoped 属性时，它的 CSS 样式就只能做用于当前的组件，也就是说，该样式只能适用于当前组件元素。经过该属性，可使得组件之间的样式不互相污染。若是一个项目中的全部 sty 阅读全文
posted @ 2023-11-17 16:04
柯基与佩奇
阅读(145)
评论(0)
推荐(0)
摘要：
方式一：布尔模式 方法一：直接传参 路由配置： { path: '/user/:id/:price', name: 'User', component: User, props: true } 页面 A <template> <div> <router-link :to="{ name: 'User 阅读全文
posted @ 2023-11-17 16:01
柯基与佩奇
阅读(52)
评论(0)
推荐(0)
摘要：
实现一个插件:声明 Store 类，挂载$store Store 具体实现: 创建响应式的 state，保存 mutations、actions 和 getters 实现 commit 根据用户传入 type 执行对应 mutation 实现 dispatch 根据用户传入 type 执行对应 ac 阅读全文
posted @ 2023-11-17 15:59
柯基与佩奇
阅读(14)
评论(0)
推荐(0)
摘要：
Pinia 优势 Pinia.js 是新一代的状态管理器，由 Vue.js 团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js 有如下特点： 完整的 typescript 的支持； 足够轻量，压缩后的体积只有 1. 阅读全文
posted @ 2023-11-17 15:58
柯基与佩奇
阅读(42)
评论(0)
推荐(0)
摘要：
相同点 state 共享数据 流程一致：定义全局 state，触发，修改 state 原理相似，通过全局注入 store。 不同点 vuex 定义了 state、getter、mutation、action 四个对象；redux 定义了 state、reducer、action。 vuex 触发方式 阅读全文
posted @ 2023-11-17 15:58
柯基与佩奇
阅读(43)
评论(0)
推荐(0)
浙公网安备 33010602011771号