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

Question

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

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

经过

<script src="https://unpkg.com/vue@next"></script>

问题是，在此更改之后，以前的工作代码被破坏了：

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

</script>

我遇到了

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

我在这里做错了什么？

更新：我现在没有使用 webpack。没有 webpack 可以做到这一点吗？

Answer 1

@next指的是 vue 3，它有不同的语法，假设Toasted插件与 vue 3 兼容，你应该这样做：

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

</script>