Ayuda...!


#1

Hola soy nuevo en Vue.js y axios,
Tengo el siguiente codigo el cuál no me funciona, es decir debería mostrarme el contenido del archivo “productos.json” y no lo hace, alguien podria ayudarme a detectar el problema, gracias

VUE y Ajax
  • {{ item }}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<script>
	var urlProductos = './files/productos.json';
	new Vue({
		el: '#main',
		data: {
			productos: [];
		},
		created: function(){
			this.getProductos();
		},
		methods: {
			getProductos: function(){
				axios.get(urlProductos).then(response => {
					this.productos = response.data;});
					<!-- axios.get(urlProductos).then(function(response){this.productos = response.data;}).catch(function (error) { -->
					<!-- console.log('Error: ' + error)}); -->
			}
		}
	});
</script>

#2

Buenas. Proba así.

let vm = this
getProductos: function(){
				axios.get(urlProductos).then(response => {
					vm.productos = response.data;});
					<!-- axios.get(urlProductos).then(function(response){this.productos = response.data;}).catch(function (error) { -->
					<!-- console.log('Error: ' + error)}); -->
			}