:separator-icon="ArrowRight"

`v-separator-icon` 是一个 Vue 组件中的自定义属性，用于设置一个分隔符图标。在这里，你提到了 `:separator-icon="ArrowRight"`，它的作用是将 `ArrowRight` 图标作为分隔符图标。

通常情况下，`v-separator-icon` 是一个自定义的组件或指令，需要在 Vue 组件中进行定义和实现。下面是一个示例，演示如何使用 `v-separator-icon` 自定义属性来设置分隔符图标：

<template>
  <div>
    <h1>Vue Separator Icon 示例</h1>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        {{ item }}
        <span v-if="index < items.length - 1" class="separator-icon">
          <i class="fas fa-arrow-right"></i> <!-- 使用 Font Awesome 图标库中的箭头图标 -->
        </span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
    };
  }
};
</script>

<style>
.separator-icon {
  margin: 0 5px;
}
</style>

在上述示例中，我们使用了 Font Awesome 图标库中的箭头图标（类名为 `fas fa-arrow-right`）作为分隔符图标。通过在 HTML 中使用 `v-if` 指令来判断是否显示分隔符图标，以及通过 CSS 样式来添加间距。

请注意，以上示例只是演示了如何设置分隔符图标，并不涉及具体的自定义组件或指令的实现细节。如果你需要使用具体的自定义组件或指令，请参考相应的文档或示例代码。