Блог

Я получаю данные в функции, и этой функции необходимо загрузить новую страницу. Я делал это с помощью Jquery, используя метод .load(), Но мой метод vue выдает ошибку, в которой говорится, что не удается найти элемент на другой странице.Я считаю, что это мог бы быть лучший подход, но я не знаю, как я могу передавать данные через компонент vue

 static foo(a,b){
    $('#maindiv').load("/newPage");
    new Vue({
        el: '#newPageElem',
        data: {
            vueVar1:a
            vueVar2:b
        },

    });
}
  

Как я могу это сделать? Я считаю, что использование Jquery — не лучший способ добиться этого, но я не знаю, как изменить маршруты с помощью vue и передать параметр между ними.

Спасибо.

Вы можете взглянуть на vue-router здесь: http://router.vuejs.org/en/essentials/getting-started.html — это позволяет обрабатывать все маршруты на стороне клиента.

Для выполнения http-вызовов для получения данных с сервера вы можете использовать vue-resource (https://github.com/vuejs/vue-resource )

Лучше избегать смешивания jQuery с Vue, поскольку Vue отвечает за визуализацию DOM. Если вы внесете какие-либо изменения в DOM с помощью jQuery, они будут перезаписаны Vue в следующем обновлении DOM. Таким образом, вы в конечном итоге потратите много времени на отладку.

Кроме того, вы не можете создать экземпляр приложения Vue внутри функции, как показано в вашем примере кода, если вы не вызываете функцию при загрузке страницы. В идеале, первые несколько строк скрипта должны запускать приложение Vue.