Vue原理
文章平均质量分 95
前端LeBron
深圳大学物联网工程大三,前端开发工程师一枚。业余摄影师,交流/约拍可私戳。字节跳动内推码:4FCV6BV.
展开
-
[源码解读]一文读懂Vuex4源码
写作不易,未经作者允许禁止以任何形式转载!如果觉得文章不错,欢迎关注、点赞和分享!持续分享技术博文,关注微信公众号 ???????? 前端LeBronVuex4Vuex是在Vue中常用的状态管理库,在Vue3发布后,这个状态管理库也随之发出了适配Vue3的Vuex4快速过Vuex3.x原理为什么每个组件都可以通过this.$store访问到store数据?在beforeCreate时,通过mixin的方式注入了store为什么Vuex中的数据都是响应式的创建store的时候原创 2021-09-06 10:09:15 · 187 阅读 · 0 评论 -
[建议收藏] 你想知道的Vue3核心源码这里都有
写作不易,未经作者允许禁止以任何形式转载!如果觉得文章不错,欢迎关注、点赞和分享!持续分享技术博文,关注微信公众号 ???????? 前端LeBronEffect和Reactiveeffect作为Vue响应式原理中的核心,在Computed、Watch、Reactive中都有出现主要和Reactive(Proxy)、track、trigger等函数配合实现收集依赖,触发依赖更新Effect副作用依赖函数Track依赖收集Trigger依赖触发Effect原创 2021-07-07 10:42:36 · 190 阅读 · 0 评论 -
Vue的前世今生
原文链接:Vue的前世今生Vue的前世今生2013 尤雨溪个人项目2014.2 0.1版本发布2015.10 1.0版本发布模板语法改进2016.9 2.0版本发布跨端新的渲染机制2019.10 3.0 alpha发布性能架构按需引入Composition APIProxy observerAOT优化Vue 1 响应式原理构建响应式对象流程walk函数遍历data对象中的属性,调用defineReactive将其变成响应式对象对于对象属性进原创 2021-04-01 10:08:47 · 429 阅读 · 0 评论 -
Vue进阶 Diff算法详解
原文链接:Vue进阶 Diff算法详解一、虚拟DOM什么是虚拟DOM?虚拟DOM就是把真实DOM树的结构和信息抽象出来,以对象的形式模拟树形结构,如下:真实DOM:<div> <p>Hello World</p></div>对应的虚拟DOM就是:let vnode = { tag: 'div', children:[ {tag:'p', text:'Hello World'}]}为什么需要虚拟DOM?渲原创 2021-03-31 10:08:04 · 312 阅读 · 0 评论