描述组件渲染和更新的过程
1、vue 组件初次渲染过程 解析模板为 render 函数 触发响应式,监听 data 属性的 getter 和 setter 执行 render 函数, 生成 vnode,patch(elem,vnode)
2、vue 组件更新过程 修改 data, 触发 setter (此前在getter中已被监听) 重新执行 render 函数,生成 newVnode,patch(vnode, newVnode)

相关推荐HOT
更多>>
Access数据库介绍
一、Access数据库介绍 Access数据库是微软公司开发的一种关系型数据库管理系统,最初发布于1997年。它属于桌面数据库,主要用于个人和小...详情>>
2023-05-10 09:37:16
vue等单页面应用及其优缺点
效果会比较炫酷(比如切换页面内容时的专场动画)。导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退...详情>>
2023-04-25 10:00:20
项目中的性能优化
keep-alive:缓存的组件的状态,切换组件的时候减少请求(结合实际) 组件销毁的时候, 将绑定的window等相关的事件取消监听,防止内存泄露...详情>>
2023-04-11 16:46:17
自己封装过组件吗?
还封装了错误捕捉ErrorBoundary组件,当捕获到错误的时候更改自身状态,来控制渲染一个备用UI,后来又根据需求,在内部实现了组件加载失败重试...详情>>
2023-04-11 16:32:49