# 基本用法

<template>
  <div>
    <ui-tooltip type="hover" content="123">
      <ui-button>hover me</ui-button>
    </ui-tooltip>
    <ui-tooltip type="click" :content="content">
      <ui-button>click me</ui-button>
    </ui-tooltip>
  </div>
</template>

<script>
export default {
  methods:{
    content(){
      return (
        <div>我是自定义content</div>
      )
    }
  }
}
</script>

<style>

</style>