```vue noeditor
<template>
  <a-table :columns="columns" :data-source="data" :pagination="false">
    <template v-slot:homepage="url">
      <a :href="url" target="_blank">{{ url }}</a>
    </template>
  </a-table>
</template>
<script>
import Vue from 'vue'
import antdv from 'ant-design-vue'
import echarts from 'echarts'

const columns = [
  {
    dataIndex: 'name',
    title: '项目名称',
  },
  {
    dataIndex: 'version',
    title: '版本号',
  },
  {
    dataIndex: 'licence',
    title: 'licence',
  },
  {
    dataIndex: 'homepage',
    title: '官方网站',
    scopedSlots: { customRender: 'homepage' },
  },
]

const data = [
  {
    name: 'Vue.js',
    version: Vue.version,
    licence: 'MIT License',
    homepage: 'https://vuejs.org/',
  },
  {
    name: 'Ant Design Vue',
    version: antdv.version,
    licence: 'MIT License',
    homepage: 'https://1x.antdv.com/',
  },
  {
    name: 'ECharts',
    version: echarts.version,
    licence: 'Apache License 2.0',
    homepage: 'https://echarts.apache.org/',
  },
]

export default {
  data() {
    return {
      data,
      columns,
    }
  },
}
</script>
```
