
讲render函数前,先讲下为什么有这个东西。先要从Vue在为我们干什么说起:Vue帮助我们做数据和dom的动态绑定。
浏览器有dom树,而每个Vue实例都会负责把它管辖的数据和它管辖的dom范围动态绑定起来,可以说每一个Vue实例都是一个小中介或者小代理,它会“知道”自己对应到dom树上最终应该是什么内容。
那么,Vue实例怎么知道它对应到dom树上应该是什么内容呢?我们一般用模板语法写一些标签来定义。
但有些情况下,用模板语法表达不够简洁(比如官网给了个例子 >
向自定义指令内部传递参数与自定义指令内部向父组件传递参数触发 *** 作。
that[bindingsarg] 自定义指定绑定方法fn;obj 传输值。 --- 划重点: 调用函数传参
update: 被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较更新前后的绑定值,可以忽略不必要的模板更新。
el: 指令所绑定的元素,可以用来直接 *** 作DOM。
binding: 一个对象,包含指令的很多信息。
vnode: Vue编译生成的虚拟节点。
vue自定义指令 调用函数传参
以上就是关于render函数全部的内容,包括:render函数、vue双大括号为空、自定义指令等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)