[Vuejs]-Pass Data Via Object In Laravel Vue Form

The JSON structure is incorrect. You can’t use “.” as a key in the JSON structure.
if user is an object:
you can use like this code:

export default {
        props : [
            'user'
        ],
        methods : {
            profile() {
                var data = {};
                data[user.firstName] = this.user.firstName;
                data[user.lastName] = this.user.lastName;
                data[profile.code] = this.user.profile.code;
                axios
                    .put(`/web/me`, data)
                    .then((e) => {
                        window.location.href = '/profile';
                    })
                    .catch((e) => {
                        this.errors    = e.response.data.errors;

                    })
            },
        }
    }

user is not an object:

export default {
        props : [
            'user'
        ],
        methods : {
            profile() {
                var data = {
                  'user': {
                    'firstName': this.user.firstName,
                    'lastName': this.user.lastName,
                  },
                  'profile': {
                    'code': this.user.profile.code
                  }
                };
                axios
                    .put(`/web/me`, data)
                    .then((e) => {
                        window.location.href = '/profile';
                    })
                    .catch((e) => {
                        this.errors    = e.response.data.errors;

                    })
            },
        }
    }