![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3源码
文章平均质量分 68
问也去
GIS开发工程师,欢迎交流学习
展开
-
说一下vue响应式原理?可不只有proxy
凭借着之前的学习积累,用自己的方式叙述一下自己所学的知识点,笔者高中讨厌写作文,硕士期间不喜写论文,水平肯定有限,能详述之前所学的知识已是不易,若能给读者带来一点启发,将倍感荣幸,同时也虚心接受大佬、同仁指点。原创 2022-10-28 19:32:02 · 357 阅读 · 0 评论 -
Vue3中setup函数的作用与实现
Vue3中setup函数作为一种新的组件属性,可以将数据逻辑划分的更加清晰,其实现原理也很简单。原创 2022-09-19 19:29:19 · 2573 阅读 · 0 评论 -
vue3组件渲染的调度
【代码】vue3组件渲染的调度。原创 2022-09-19 16:57:26 · 395 阅读 · 0 评论 -
11. Vue3组件的更新渲染逻辑
【代码】11. Vue3组件的更新渲染逻辑。原创 2022-08-20 15:23:56 · 1124 阅读 · 0 评论 -
Vue3中diff算法比对新老节点孩子数组
Vue3中diff算法比对新老节点孩子数组。原创 2022-08-18 15:14:08 · 425 阅读 · 0 评论 -
9. Vue3中如何将虚拟节点渲染成真实节点
返回一个render函数,该函数接收两个参数,分别是虚拟节点vnode,和容器container,改函数在节点更新删除都可以使用,因为都要将虚拟节点渲染成新节点,因为只需要比对传入的新的虚拟节点和原来的旧的虚拟节点,就可以判断出是更新节点还是删除节点。processElement函数中,对vnode进行判断,若为null,说明不存在旧节点,则直接根据新的vnode创建真实节点。函数接收一个dom操作对象,在函数内部会对改对象解构,获取各种dom和属性操作方法。在render函数内部,判断vnode。...原创 2022-08-02 11:04:39 · 1512 阅读 · 0 评论 -
8.Vue3虚拟节点的实现
vue3中节点的渲染操作主要在runtime-core包中,runtime-core不关心运行的平台。原创 2022-07-31 09:46:06 · 1574 阅读 · 0 评论 -
7.vue3渲染模块的domAapi实现
vue3中渲染模块有两个子模块,分别是runtime-dom和runtime-core,其中,runtime-dom模块提供了常用的节点操作api和属性操作的api,而runtime-core中则包含虚拟dom的创建,diff算法等。本节来完善runtime-dom中的domapi,以便后面供runtime-core模块使用。通过vue3中的runtime-core可以实现自己的渲染逻辑。...原创 2022-07-17 16:27:44 · 444 阅读 · 0 评论 -
6.vue3中ref的实现原理
Vue3中的ref可以使单个属性拥有响应式,其本质就是一层包装,实现原理和computed类似。原创 2022-06-21 20:25:33 · 2104 阅读 · 0 评论 -
5.watch方法的实现
Vue3watch函数的实现原创 2022-06-20 12:46:17 · 611 阅读 · 0 评论 -
4.Vue3计算属性computed实现原理
computed为Vue3中的计算属性函数,其实现原理就是effect的变形原创 2022-06-19 21:00:16 · 2021 阅读 · 0 评论 -
Vue3中数据更新函数effect的实现
VUe3中effect函数的实现原创 2022-06-15 22:37:13 · 1661 阅读 · 0 评论 -
2.Vue3中数据绑定的实现
Vue3数据绑定从defineProperty改为Proxy,并且每一个功能抽离成一个模块,这里介绍源码中数据绑定的流程实现原创 2022-06-07 11:10:33 · 2662 阅读 · 0 评论 -
1.Vue3环境搭建
Vue3源码打包流程原创 2022-06-02 22:34:27 · 625 阅读 · 0 评论