Vue前端框架进阶视频教程

Vue 的源码视频里讲的render函数,挺适合想进阶的你去看看。尤其是第二部分第一节,讲得还挺细,把h()怎么用、怎么通过数据驱动视图更新这些事儿,掰开了揉碎了讲。

render(h)里写结构,有点像手写 HTML,只不过更灵活。你可以h('div', {}, 'hello')这样直接造节点,想怎么玩就怎么玩。

重点是 Vue 的数据驱动那块讲得还不错。数据一变,视图就更新,这背后靠的其实是数据劫持和依赖收集。嗯,说白了,Vue 会盯着你的数据动向,一有风吹草动,它就知道该刷新哪块视图。

再比如this.$data,你改它里面的字段,页面就跟着变。挺适合做复杂表单或交互逻辑多的地方,响应也快,代码也清爽。

哦对,里面还提了下虚拟 DOM 的 diff 算法,更新的时候不全量渲染,性能提升挺的。你做项目时,不妨用这个思路优化一下老代码。

如果你平时写template多,没怎么用过render,那更值得看一下,理解背后的机制,对调 bug、提性能都有。

zip
vue-2.1.zip 预估大小:3个文件
folder
vue-2.1 文件夹
file
2-6 Vue 实例挂载的实现 .mp4 90.7MB
file
2-4 new Vue 发生了什么.mp4 90.93MB
file
2-2 数据驱动.mp4 10.33MB
zip 文件大小:186.04MB