JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>
    <div id="app">
      <comp :links="$options.links">
          <template slot-scope="link">
              <a href="#">{{link.text}}</a>
          </template>
        <a href="#" >link 1</a>
        <a href="#" >link 2</a>
      </comp>
    </div>

JavaScript

Vue.component("comp", {
      template: `
        <ul class="comp">
          <li class="comp-item" v-for="link in links">
              <slot v-bind="link"></slot>
          </li>
        </ul>
      `,
      props: ["links"]
    })
    
    new Vue({
      el: "#app",
      // custom static option , accessed using vm.$options.links
      links: [
          {text: "link1"},
          {text: "link2"},
          {text: "link3"}
      ]
    })