<template>
  <div class="demo-message-basic">
    <ui-button @click="handleInfo">
      显示提示
    </ui-button>
    <ui-button @click="handleVnode">
      包含Vnode的提示
    </ui-button>
  </div>
</template>

<script>
import { Button } from "amumu-ui"
import { message } from "amumu-ui/src/factory"
export default {
  components: {
    "ui-button": Button,
  },
  methods: {
    handleInfo() {
      message.info("提示内容。")
    },
    handleVnode() {
      const h = this.$createElement
      message.info({
        message: h("a", null, [h("em", null, "Vnode ")]),
      })
    },
  },
}
</script>
