vue渲染函数中的createElement的props用法详解

本文主要是介绍vue渲染函数中的createElement的props用法详解，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、前言

createElement函数的第二个参数中的props属性有些特殊，是一个对象类型，和自定义组件中的props的在用法上是完全不同的。

它的用途就像是给子组件提供数据，起个中间人搭桥的作用一样。具体请看下面的代码。

二、使用

 这个组件定义中，显示定义了三个props变量，用于从外面接收数据。

第一个createElement函数调用中，第一个参数使用的是一个自定义组件对象，这个内部的自定义组件对象定义了2个props，用于接收外面传来的数据。那么如何接收数据了？通过createElement的第二个参数中的props就可以了，如下所示代码，它引用的是最外层3个proprs(age,name,title)中的数据，是不是很像一个中间人搭桥的方式。

props:{ name:this.name,age:this.age 
},

第二个createElement函数调用是作为第一个createElement函数调用的第三个参数对象使用的。它的一个参数也是一个自定义组件对象，这个自定义的组件对象使用的是render函数的方式。同样的这个自定义的组件对象(innerText)，也需要从外面接收数据，也是在外面通过props来传递数据的。

{props:{title: this.title}}

Vue.component('anchored-heading', {props:["age", "na

这篇关于vue渲染函数中的createElement的props用法详解的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---