Блог

Я относительно новичок в 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?

@next относится к vue 3, который имеет другой синтаксис, предполагая, что Toasted плагин совместим с vue 3, вы должны сделать :

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

</script>