Vue render函数认识和使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue render函数认识和使用相关的知识,希望对你有一定的参考价值。

参考技术A 在render函数的方法中,参数必须是createElement。其中createElement的类型是function,这是vue中已经定义好了的。

1、第一个参数是String时

2、第一个参数是Object时

3、第一个参数是Function时

使用render函数可以对插槽内容进行重新排序,有效减少重绘带来的影响

在on里面的input函数不是箭头函数,这个this指的是window而不是Vue实例,所以要提前赋值好给self,避免拿的不是Vue实例

需求:将上述例子改成用v-model指令

this.$scopedSlots.default() 是作用域插槽提供的方法

以前通过 this.text 变成了 context.props.text 才能拿到
以前通过 this.$slots.default 现在变成 context.children 才能拿到

以上是关于Vue render函数认识和使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue 基础 - 自定义指令和 render 函数

在vue中使用render函数

Vue - 渲染函数render

render函数

使用render函数渲染组件

使用 createElement 和 render 函数从 .blade.php 文件将道具传递给 vue 实例