Почему click и другие события отрабатывают 2 раза внутри тега vuejs id=app?

Question

[part_os]

привет, начал переводить сайт на vujs, есть кнопка

<button type="button"
id="js-add-city"
data-action ="{{ route('addCity', ['account' => Route::input('account'), 'region' => $region['id']]) }}"
>
 <span class="glyphicon glyphicon-plus"></span>
 Добавить город
 </button>

и есть обработчик нажатия

$(document).ready(function() {
    $(document.body).on('click', '#js-add-city', function () {

        var $button = $(this);
.....

    });
});

по какой то не понятной причине вызывается это событие, да и другие по 2 раза, именно когда я оборачиваю во vuejs в базовом шаблоне блейд

<div id="app">
@yield('content')
</div>

если сделаю внутри шаблона то всё работает как нужно

@extends('layouts.base')

@section('content')
    <div id="app">
.....
    </div>

Comments

[Алексей Ярков]

Жесть. Навешивать обработчик jquery на vue элемент.

[part_os]

Алексей Ярков, а где там элемент vue?

[no_one_safe]

Зачем вам, извините, эта, библиотека на букву j, если у вас целый фрейморк в вооружении? Чтобы потом написать что сайт сделан на vue?

[part_os]

no_one_safe, вы если прочтете начало сообщения, то увидите фразу, "начал переводить сайт на vujs"

[Алексей Ярков]

part_os, так может надо выпилить jq, а потом уже вопросы задавать? А то это как "снял в процессе ремонта полдвигателя, а машина не едет".

[part_os]

Алексей Ярков, вы противник jq? или по существу говорите что они вместе не могут работать ни как ?
и как вы представляете себе за раз весь функционал перевести на vuejs проекта)

[Алексей Ярков]

part_os, перечитайте коммент ещё раз. Пока у вас на vue приложение будет влиять jq - вы с тостера вылезать не будете ))

[part_os]

Алексей Ярков, всё оказалось куда проще чем вы себе представляете. у меня vuejs ни как на jq не влияет, вы хоть бы вчитались к код, они 2 независимые библиотеки, судя из ваших комментариев, ни чего серьёзного и долго поддерживаемого у вас из проектов нет.

[Алексей Ярков]

part_os, ну да ))

Answer 1

[part_os]

внутри шаблона подключался файл с js
если он помещался внутри root тега vue то происходит двойной вызов, вынес подключение файла в стек
@push('scripts')

@endpush