在Vue CLI中使用BotUI

Step1 在项目里安装BotUI

npm install botui --save

Step2 在/src下新建文件my-botui-app.js, 内容如下

import Vue from 'vue'
import BotUI from '../node_modules/botui/build/botui.js'
import '../node_modules/botui/build/botui.min.css'
import '../node_modules/botui/build/botui-theme-default.css'

export default function initBotApp() {
  let botui = BotUI('my-botui-app', { vue: Vue })
  botui.message.add({ content: 'Hello World from bot!' }).then(function () {
    botui.message.add({
      delay: 1000,
      human: true,
      content: 'Hello World from human!'
    })
  })
}

Step3 在.vue文件中使用BotUI的示例如下, 如main.vue

<template>
    <div>
        <div class="botui-app-container" id="my-botui-app">
            <bot-ui></bot-ui>
        </div>
    </div>
</template>
<script>
  import initBotApp from '../my-botui-app'
  export default {
    name: 'main',
    mounted () {
      initBotApp()
    }
  }
</script>

程序整体范例在这里