Vue的实现涉及四个关键步骤：解析模板成render函数、响应式监听、首次渲染与依赖绑定、data变化触发重渲染。模板被转换为render函数，data属性通过proxy代理到vm，首次渲染时绑定依赖并执行相应操作，data变化时触发rerender，更新视图。
vue实现流程有以下4个步骤
- 解析模板（本质是字符串）成render函数
- 响应式开始监听
- 首次显然，显示页面，绑定依赖
- data属性变化，触发rerender
1. 解析模板成render函数
模板如下：
解析成render函数（源码中使用code.render）
格式化后如下：
this为vue实例,_c为实例的函数，对应createElement,返回VNode
收缩后如下：
模板中的所有信息被
render函数包含，模板中用到的data中的属性，都变成了
最低0.47元/天 解锁文章
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
