vue 2.0 render

Vue 2.0 的 render 函数是用来生成虚拟 DOM 的函数，它可以接受一个参数，即 createElement 方法，用于创建 VNode（虚拟节点）。这个函数可以手动编写，也可以使用模板语法自动生成。

手动编写 render 函数的示例：

new Vue({
  render: function (createElement) {
    return createElement('div', {
      attrs: {
        id: 'app'
      }
    }, [
      createElement('h1', 'Hello World'),
      createElement('p', 'This is a Vue 2.0 app.')
    ])
  }
})

在这个例子中，我们使用 createElement 方法手动创建了一个包含一个标题和一个段落的 div 元素，并通过 render 函数返回它。Vue 会将这个函数返回的 VNode 渲染成真正的 DOM 元素。

使用模板语法自动生成 render 函数的示例：

<template>
  <div id="app">
    <h1>Hello World</h1>
    <p>This is a Vue 2.0 app.</p>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

在这个例子中，我们使用了 Vue 的模板语法，将要渲染的 HTML 内容写在了 template 标签中。Vue 会自动生成对应的 render 函数，并将其渲染成真正的 DOM 元素。