<template>
    <div>
        <a-popover title="Title">
    <template slot="content">
      <p>Content</p>
      <p>Content</p>
    </template>
    <a-button type="primary">
      Hover me
    </a-button>
    <br/>
  </a-popover>
  <br/>
   <a-popover placement="topLeft">
      <template slot="content">
        <p>Content</p>
        <p>Content</p>
      </template>
      <span slot="title">Title</span>
      <a-button>Align edge / 边缘对齐</a-button>
    </a-popover>
    <a-popover placement="topLeft" arrow-point-at-center>
      <template slot="content">
        <p>Content</p>
        <p>Content</p>
      </template>
      <span slot="title">Title</span>
      <a-button>Arrow points to center / 箭头指向中心</a-button>
    </a-popover>
    </div>
</template>

<script>
export default {

}
</script>

<style>
</style>