针对“Vue2.x中的Render函数详解”，我提供以下完整攻略：

Vue2.x中的Render函数详解

什么是Render函数

Vue中的Render函数，是指用代码构建虚拟DOM。在模板中，我们可以使用简单的语法来描述HTML结构，但在Render函数中，需要用JavaScript的语法来描述虚拟DOM。

在Vue文档中，Render函数的定义为：“在Vue中，所有组件的Render必须返回一个虚拟DOM节点，否则会报警告”。

Render函数的优点

相对于Vue的模板语法，Render函数有如下优点：

在开发时，可以使用JavaScript的逻辑处理来生成虚拟DOM节点，这可以帮助开发者更好的控制组件的渲染逻辑。
Render函数输出的是虚拟DOM节点，所以可以在开发时，更好地掌握组件的渲染效果，并根据需要进行优化。
Render函数可以处理一些复杂的案例，例如：渲染函数需要发起异步请求，进行数据处理后才能渲染页面。而模板中无法实现此类操作。

如何编写Render函数

下面是一个简单的例子：

import Vue from 'vue'

Vue.component('my-component', {
  render: function(h) {
    return h('div', 'Hello World')
  }
})

在这个例子中，我们定义了一个MyComponent组件，并在其中定义了一个Render函数。Render函数中，我们使用h参数来创建了一个DIV节点，并将文本“Hello World”作为DIV节点中的内容。

当MyComponent组件被渲染到页面中时，我们会看到一个带有“Hello World”文本的DIV节点。

下面是一个稍微复杂一点的例子：

import Vue from 'vue'

Vue.component('my-component', {
  props: ['title', 'list'],
  render: function(h) {
    var listItems = this.list.map(function(item) {
      return h('li', item)
    })
    return h('div', [
      h('h1', this.title),
      h('ul', listItems)
    ])
  }
})

在这个例子中，我们在MyComponent组件中定义了一个Render函数，并接收了两个props属性：title和list。在Render函数中，我们使用map方法将List属性中的所有值迭代出来，将其变成一个带有“li”标记的列表。

然后，我们在Render函数中创建了两个虚拟DOM节点：一个H1节点来显示标题，一个UL节点来显示列表项。最后，我们将这两个虚拟DOM节点合并成一个DIV节点，并返回给Vue进行渲染。