Vue.js 未捕获类型错误:Vue.use不是函数

Vue.js 未捕获类型错误:Vue.use不是函数,vue.js,vuejs3,Vue.js,Vuejs3,我对VueJS比较陌生,现在我正在尝试替换VueJS <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script> 借 问题是,在此更改后,先前的工作代码被破坏: <script> window.addEventListener('load', () => { const defaultOptions = {

我对VueJS比较陌生,现在我正在尝试替换VueJS

 <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>


问题是,在此更改后,先前的工作代码被破坏:

<script>
    window.addEventListener('load', () => {
        const defaultOptions = {
            position: 'bottom-center'
        }
        Vue.use(Toasted, defaultOptions) # The error arises here
    });

</script>

window.addEventListener('load',()=>{
const defaultOptions={
位置:'底部中心'
}
Vue.use(Toasted,defaultOptions)#此处出现错误
});
我遇到了

未捕获类型错误:Vue.use不是函数

我做错了什么

更新:
我现在不使用网页包。不使用webpack是否可以做到这一点?

@next
指具有不同语法的vue 3,假设
Toasted
插件与vue 3兼容,您应该执行以下操作:

<script>
    window.addEventListener('load', () => {
        const defaultOptions = {
            position: 'bottom-center'
        }
        Vue.createApp({}).use(Toasted, defaultOptions) 
    });

</script>

window.addEventListener('load',()=>{
const defaultOptions={
位置:'底部中心'
}
createApp({}).use(Toasted,defaultOptions)
});

@next
指具有不同语法的vue 3,假设
Toasted
插件与vue 3兼容,您应该执行以下操作:

<script>
    window.addEventListener('load', () => {
        const defaultOptions = {
            position: 'bottom-center'
        }
        Vue.createApp({}).use(Toasted, defaultOptions) 
    });

</script>

window.addEventListener('load',()=>{
const defaultOptions={
位置:'底部中心'
}
createApp({}).use(Toasted,defaultOptions)
});
用这个代替用这个