Изображения максимально сжаты вместе с видео, следил за утечкой памяти, т.к использую TweenMax, но всё равно без результатов
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in Root)
import Vue from 'vue'
import Vue from 'vue/dist/vue.js'
Никак не могу свойству data присвоить значение полученyого json-a ???
function(){...function(){..
не оставляют ни следа от контекста, в котором находится data, соответственно json вы получили, а присваиваете значение чему-то не тому. Используйте стрелочные функции, чтобы избежать таких проблем в перспективе. Правильно ли я понимаю что сам vue в ajax не умеет и надо подключать vue-resource?
У меня стоит плагин для браузера для дебага vue, далее debug: true внутри data и всё молчит, консоль в инспекторе кода для данного случая не показывает никаких ошибок и предупреждений.
Как мне получить и вывести на экран просто любой текст, который выдаёт мне запрашиваемая страница что бы понять что хоть что-то работает
request: function() {
this.$http.get('http://jsonplaceholder.typicode.com/users')
.then(response => {
this.users = response.body;
});
}
Как принято делать такие запросы в vue?
Я правильно понимаю, что нужно создать метод загружающий данные и вызывать его в created, и затем с определенным интервалом вызывать этот же метод?
Подскажите, что я делаю не так. Component template should contain exactly one root element.
<template id="login-form">
<div>
<div>@{{ labelName }}</div>
<div>@{{ labelPassword }}</div>
</div>
</template>
var vm = new Vue({
.....
data: {
tasks: []
},
computed: {
completedTasks() {
return _.filter(this.tasks, (task) => task.completed);
},
pendingTasks() {
return _.filter(this.tasks, (task) => !task.completed);
}
}
....
})
<div id='app'>
<div>Completed:</div>
<div v-for='task in completedTasks'>
<span>{{ task.text }}</span>
<input type='checkbox' v-model='task.completed'>
</div>
<br>
<div>Pending:</div>
<div v-for='task in pendingTasks'>
<span>{{ task.text }}</span>
<input type='checkbox' v-model='task.completed'>
</div>
</div>