:render-header="renderHeader"

这是一个Vue.js组件中的属性，用于渲染组件的头部。在组件中使用时，需要在Vue实例的data对象中定义一个名为renderHeader的函数，函数返回一个可以被渲染的模板或组件。例如：

<template>
  <div>
    <div class="header">
      <slot name="header"></slot>
    </div>
    <div class="content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      renderHeader: () => {
        return '<h1>This is the header</h1>'
      }
    }
  }
}
</script>

在上面的例子中，renderHeader函数返回一个简单的HTML字符串，在组件的模板中使用了render-header属性并绑定到Vue实例的renderHeader函数。这样，在渲染组件时，Vue会调用renderHeader函数并将返回的HTML字符串插入到组件的头部。