При использовании компонента Vue несколько раз в одностраничном приложении загружается ли JavaScript несколько раз?

Question

При многократном использовании компонента Vue в одностраничном приложении загружается ли JavaScript несколько раз, а методы в скрипте вызываются несколько раз для одного вызова метода?

IE, если я использую компонент3 раза, и когда я вызываю метод a, будет ли он вызываться 3 раза или только один раз?

Answer 1

Обратные вызовы жизненного цикла компонента вызываются в каждом экземпляре компонента. Если, например, обратный вызов created() содержал console.log('hello world'), и вы добавили три из этих компонентов в document, вы увидите три журнала в консоли (по одному от каждого экземпляра).

С другой стороны, прослушиватели событий (например, обработчики нажатий кнопок) будут вызываться только в том случае, когда произошло событие. Скажем, ваш компонент содержал кнопку с обработчиком click -event, вызывающим console.log(). Нажатие button в одном компоненте запускает обработчик только в этом компоненте, а не в других экземплярах компонента.

демо