在vue中将链接数组从父对象传递给子对象(创建链接菜单)

data() {
  return {
    links: [
      { title: '首页', url: '/' },
      { title: '关于我们', url: '/about' },
      { title: '产品', url: '/products' },
      { title: '联系我们', url: '/contact' }
    ]
  }
}

<template>
  <div>
    <link-menu :links="links"></link-menu>
  </div>
</template>

props: ['links']

<template>
  <div>
    <ul>
      <li v-for="link in links" :key="link.title">
        <a :href="link.url">{{ link.title }}</a>
      </li>
    </ul>
  </div>
</template>