把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
在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>