new Vue({
    el: '#app',

    data: {
        organizationData: []
    },

    created: function () {
         this.fetchData();

    },
      mounted: function(){
         this.saveOrgData();
      },
    methods: {

        fetchData: function () {
         let vm=this;
           axios.get('http://localhost/contactmanage/public/api/PersonData')
                .then(function (response) {
                      vm.organizationData=response.data ;

                 })
          },

        saveData: function (key,data) {

                localStorage.setItem(key, JSON.stringify(data));


        },

        saveOrgData: function () {

            for(org in this.organizationData){

                this.saveData(org.catName,org.catData);
            }


        }
    }

})

[{
    "catName": "Android Development",
    "catData": [
        {
            "pid": 5,
            "personName": "Honey2",
            "email": "honey@gmail.com",
            "phone": "01766603578",
            "designationName": "Housewife",
            "did": 3
        }
    ]
} ]