# Tooltip 文字提示

# 基础用法

<vp-tooltip content="小卡车加油!!!">
  <vp-button>VpTooltip-default</vp-button>
</vp-tooltip>
<vp-tooltip placement="bottom" content="小卡车加油!">
  <vp-button>VpTooltip-bottom</vp-button>
</vp-tooltip>
<vp-tooltip placement="left" content="小卡车加油!">
  <vp-button>VpTooltip-left</vp-button>
</vp-tooltip>
<vp-tooltip placement="right" content="小卡车加油!">
  <vp-button>VpTooltip-right</vp-button>
</vp-tooltip>

<script>
  export default {
    data() {
      return {
      };
    },
    methods: {
    }
  };
</script>

# Tooltip Attributes

属性名 类型 属性值 描述 默认值
placement String "top"|"bottom"|"left"|"right" 位置方向 "top"
content String 文字提示内容 "tooltip"