vue.extend render

`vue.extend` 是 Vue.js 中的一个全局方法，用于创建可复用的组件构造器。它接收一个对象参数，包含组件的配置选项，其中包括 `render` 函数。

`render` 函数是 Vue.js 组件渲染的核心函数，它负责解析组件模板并将其渲染成最终的 DOM 结构。在使用 `vue.extend` 创建组件时，可以通过 `render` 函数来自定义组件的渲染方式。

`render` 函数接收一个 `createElement` 方法作为参数，通过调用 `createElement` 方法来创建虚拟 DOM 元素。可以使用 JSX 语法（需要 Babel 转译）或者使用纯 JavaScript 来编写 `render` 函数。

下面是一个简单的示例，演示如何使用 `vue.extend` 和 `render` 函数创建一个组件：

import Vue from 'vue';

const MyComponent = Vue.extend({
  render(createElement) {
    return createElement('div', 'Hello, World!');
  }
});

// 使用 MyComponent 创建实例
new MyComponent().$mount('#app');

在上面的示例中，`render` 函数返回一个由 `createElement` 方法创建的 `div` 元素，并设置其内容为 "Hello, World!"。最后，通过创建 `MyComponent` 的实例并将其挂载到 `#app` 元素上，实现组件的渲染。