写在前面 因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：https://github.com/answershuto/learnVue。在学习过程中，为Vue加上了中文的注释 ...

前言 在 Vue 核心中除了响应式原理外，视图渲染也是重中之重。我们都知道每次更新数据，都会走视图渲染的逻辑，而这当中牵扯的逻辑也是十分繁琐。 本文主要解析的是初始化视图渲染流程，你将会了解到从挂载组件开始，Vue 是如何构建 VNode，又是如何将 VNode 转为真实节点并挂载到页面 ...

vue3的h函数和vue2的h函数入参不同 下面是vue2的vnode示范 然后是vue3的错误示范 下面是正确示范 为什么会出现这样的状况呢，就是因为ts的h函数声明如下 当我们点击这个h函数时会跳转到某个参数类型的h声明，而入参为 string 时生成的是普通html ...

vue3中刷新实现 provide ： 向子组件以及子孙组件传递数据。接收两个参数，第一个参数是 key，即数据的名称；第二个参数为 value，即数据的值 inject ： 接收父组件或祖先组件传递过来的数据。接收一个参数 key，即父组件或祖先组件传递的数据名称 通过依赖注入 ...

一、条件渲染 1. v-if 通过表达式的真假来控制此标签是否显示 2.v-if使用在模板上 3.v-else-if 4.v-show 和v-if一样的效果，但v-show 只是简单地切换元素的 CSS 属性display. ...

ref 过去在 Vue2 中，我们采用 ref 来获取标签的信息，用以替代传统 js 中的 DOM 行为。 在 Vue3 的组合 API 中，采取了新的方案来执行对应的 ref 标签属性获取。过去我们采用的是 this.$refs ...

在接触 React 时候，我只了解到通过 babel 可以把 JSX 转成 VNode(通过调用 React.createElement 方法)，但是对其具体是如何转换的却不了解。 很明显，回答失败。通过 github 上搜索 template+vnode 的关键词，让我搜到 ...

博客地址 ：https://www.cnblogs.com/sandraryan/ vue循环渲染 ...