var app = new Vue({
     el: '#app',
     methods: {
         changeRange: function(event) {
             var val = event.target.value,
                 _id = event.target.id,
                 currentItem = this.items[_id].data[val - 1];

                 this.items[_id].currentIndex = val - 1;
                 this.total = '';
         },
          calculateEstimate: function(event) {
            var calc = 0 , items = this.items;

            Object.keys(this.items).forEach(function(item)  {
             calc += items[item].data[items[item].currentIndex].price
            });

            this.total = calc;
         }
     },
     props:['total'],
     data: {

         "items": {
             "rangeSlide1": {
                "name": "Tipo de sitio web",
                 "currentIndex":"0",
                 "data": [{
                     "name": "uno",
                     "price": 250,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }, {
                     "name": "dos",
                     "price": 150,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }, {
                     "name": "tres",
                     "price": 300,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }, {
                     "name": "cuatro",
                     "price": 550,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }]
             },
             "rangeSlide2": {
                "name": "Cantidad de secciones",
                 "currentIndex":"0",
                 "data": [{
                     "name": "1-3 paginas simple website",
                     "price": 150,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }, {
                     "name": "3-7 Pagina intermedia",
                     "price": 250,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }, {
                     "name": "7-10 Tienes un proyecto grande",
                     "price": 400,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }, {
                     "name": "10+ Proyecti ambicioso y escalable",
                     "price": 700,
                     "data": "El término minimalismo, en su ámbito más general, es la tendencia a reducir a lo esencial, a despojar de elementos sobrantes. ",
                     "image": "https://img.elcomercio.pe/files/ec_article_multimedia_gallery/uploads/2018/07/31/5b60dbe58ef6d.jpeg"
                 }]
             }



         }
     }
 })`