Vue前端框架进阶视频教程
Vue 的源码视频里讲的render
函数,挺适合想进阶的你去看看。尤其是第二部分第一节,讲得还挺细,把h()
怎么用、怎么通过数据驱动视图更新这些事儿,掰开了揉碎了讲。
像render(h)
里写结构,有点像手写 HTML,只不过更灵活。你可以h('div', {}, 'hello')
这样直接造节点,想怎么玩就怎么玩。
重点是 Vue 的数据驱动那块讲得还不错。数据一变,视图就更新,这背后靠的其实是数据劫持和依赖收集。嗯,说白了,Vue 会盯着你的数据动向,一有风吹草动,它就知道该刷新哪块视图。
再比如this.$data
,你改它里面的字段,页面就跟着变。挺适合做复杂表单或交互逻辑多的地方,响应也快,代码也清爽。
哦对,里面还提了下虚拟 DOM 的 diff 算法,更新的时候不全量渲染,性能提升挺的。你做项目时,不妨用这个思路优化一下老代码。
如果你平时写template
多,没怎么用过render
,那更值得看一下,理解背后的机制,对调 bug、提性能都有。
vue-2.1.zip
预估大小:3个文件
vue-2.1
文件夹
2-6 Vue 实例挂载的实现 .mp4
90.7MB
2-4 new Vue 发生了什么.mp4
90.93MB
2-2 数据驱动.mp4
10.33MB
186.04MB
文件大小:
评论区