Как в vuejs работать с ответом сервера?

Question

[semki096]

Примерно так отсылаю аяксом пост-запрос, здесь же получаю ответ сервера. Как мне теперь ответ поместить в другой регион страницы в виде {{response}} ?

new Vue({
        el: "#my_submit",
            methods: {
                send: function(){
                    axios.post('/my_page', json)
		    .then(function (response) {
		    console.log(response.data.foo);
		})
		.catch(function (error) {
			console.log(error);
		});
                ...

Answer 1

[RidgeA]

new Vue({
        el: "#my_submit",
            methods: {
                send: function(){
                    axios.post('/my_page', json)
        .then(function (response) {
        this.somevar = response //<----------------------------------
        console.log(response.data.foo);
    })
    .catch(function (error) {
      console.log(error);
    });
                ...

и где-то в шаблоне компоненты
{{somevar}}

Тут, в принципе, доступно написано https://vuejs.org/v2/guide/components.html

Comments

[semki096]

но я что то не соображу, у меня ведь el: "#my_submit", а разместить {{somevar}} мне надо в другом диве.

[cakoxo]

semki096: как вы представляете Вью залезет туда, куда ему нет доступа?

[semki096]

cakoxo: jquery делает это просто
$("#id_block").html(data.foo)
Может быть можно в Vue данные передать в глобальный обьект а оттуда уже поместить туда куда мне нужно. Просто я подумал что это задача часо встречается при работе с аяксом и как то её наверняка решают.