# 全局提示 Message

<template>
<div class="h3-margin-top-xl">
   <h3-button @click="success">Success</h3-button>
   <h3-button @click="error">Error</h3-button>
   <h3-button @click="warning">Warning</h3-button>
</div>
</template>
<script>
export default {
   methods: {
      success () {
         this.$message.success('这是一条成功消息，会主动消失。');
      }
      error () {
         this.$message.error('这是一条异常消息，会主动消失。');
      }
      warning () {
         this.$message.warning('这是一条询问消息，会主动消失。');
      }
   }
}
</script>

# API

组件提供了一些静态方法，使用方式和参数如下：

• H3Message.success(content, [duration], onClose)
• H3Message.error(content, [duration], onClose)
• H3Message.info(content, [duration], onClose)
• H3Message.warning(content, [duration], onClose)
• H3Message.warn(content, [duration], onClose) // alias of warning
• H3Message.loading(content, [duration], onClose)

还提供了全局配置和全局销毁方法：

• H3Message.config(options)
• H3Message.destroy()

组件同时提供 promise 接口，以success为例

• H3Message.success(content, [duration]).then(afterClose)
• H3Message.success(content, [duration], onClose).then(afterClose)

# H3Message.config

H3Message.config({
  top: `100px`,
  duration: 2,
  maxCount: 3,
});