Laravel não está definido
Bem, eu estou jogando com o novo laravel 5.3 e vue.js e quero fazer uma chamada GET para alguns usuários que tenho no meu banco de dados
Estou usando componentes btw.
Este é o meu app.js
require('./bootstrap');
Vue.component('example', require('./components/UserComponents/User.vue'));
const app = new Vue({
el: 'body',
});
Este é o meu componente User.vue, deixei o modelo HTML por motivo de tamanho da postagem, posso postá-lo se necessário
<script>
export default{
data : function () {
return {
users : ''
}
},
methods: {
fetchUser: function () {
var vm = this;
vm.$http.get('user/', function (data) {
vm.$set('users', data)
})
}
},
ready() {
this.fetchUser();
},
}
</script>
Estou recebendo 2 erros no console
vue-resource.common.js?d39b:27 0ReferenceError: Laravel is not defined(…)
(program):29 Uncaught (in promise) ReferenceError: Laravel is not defined(…)
este é o meu package.json como você pode ver, eu tenho todos os detalhes para que isso funcione vue e vue resource
{
"private": true,
"scripts": {
"prod": "gulp --production",
"dev": "gulp watch"
},
"devDependencies": {
"bootstrap-sass": "^3.3.7",
"gulp": "^3.9.1",
"jquery": "^3.1.0",
"laravel-elixir": "^6.0.0-9",
"laravel-elixir-vue": "^0.1.4",
"laravel-elixir-webpack-official": "^1.0.2",
"lodash": "^4.14.0",
"vue": "^1.0.26",
"vue-resource": "^0.9.3"
}
}
Espero que alguém possa me ajudar aqui. Obrigado