Как повторно использовать Vue js методы из другого вида лезвия

Question

Я использую Vue с Laravel, следуя в основном этой структуре:

Итак, в основном я использую js файл для каждого вида блейда . Но теперь мне нужно найти способ повторно использовать эти js файлы для других видов блейдов, и я не знаю, возможно ли это с используемой структурой.

Выше приведен пример того, что я пытаюсь сделать. По сути, у меня есть javascript файл с Vue методами, которые я мог бы повторно использовать . Я подумал: «Только добавьте el:'.reusable-class' к <div> на example.blade.php и добавьте <script src="js/reusable.js"></script> внизу, и все! Я успешно импортировал их методы ...» Но не работа.

Другая вещь, которую я пробовал, это вызывать метод только между javascript файлами. что-то вроде этого:

 appExample = new Vue({
  ...
 methods:
    test(){
         appReusable.reusable();
    }

И сообщение, которое я получаю: appExample is not defined. Я читал об этом, о том, как импортировать другой vue компонент, но это изменит структуру моего проекта ...

Что мне нужно сделать, чтобы успешно импортировать и повторно использовать методы из другого файла vue с моя текущая структура проекта?

Answer 1

Функция, которую вы ищете, называется Vue Component.

См. Laravel документацию для быстрого ознакомления: https://laravel.com/docs/6.x/frontend#writing - vue -компоненты

Если вы использовали интерфейсный каркас по умолчанию в своем проекте Laravel, вы найдете пример компонента Vue в следующей папке: ressouces >> js >> components >> ExampleComponent.vue