把dream-msg.min.js引入vue3

Question

把dream-msg.min.js引入vue3
请问怎么把dream-msg.min.js引入vue3项目里去使用
https://cdn.jsdelivr.net/gh/iGaoWei/Dream-Msg/lib/dream-msg.min.js
关于怎么把这玩意导入vue3，ball ball

Answer 1

在Vue 3中，可以通过在Vue组件中使用setup()函数来引入JavaScript文件。具体步骤如下：
在Vue组件所在的Vue文件中，使用import关键字引入dream-msg.min.js文件。例如：

import dreamMsg from 'dream-msg.min.js';

在Vue组件的setup()函数中，将dreamMsg对象作为函数的返回值。例如：

import dreamMsg from 'dream-msg.min.js';
export default {
  setup() {
    return {
      dreamMsg
    }
  }
}

在Vue组件的template中，可以通过访问dreamMsg对象中的方法和属性来使用dream-msg.min.js文件中的功能。例如：

<template>
  <div>
    <button @click="dreamMsg.success('Hello, world!')">显示成功提示</button>
    <button @click="dreamMsg.error('Hello, world!')">显示错误提示</button>
  </div>
</template>