С фронта (с Vue) передать данные в контроллер

var UserModel = {
            FName: "Abc",
            LName: "Pqr"
        };
        $.ajax({
            url: '/Home/AddUser/',
            type: "POST",
            //contentType: 'application/json; charset=utf-8',
            dataType: "json",
            data: UserModel,
            success: function (data) {
                document.write("СРАБОТАЛО!", data);
            },
            fail: function (data) {
                document.write("Ошибка", data);
            }
        });

public IActionResult AddUser(UserModel model) {
            // Add user model
            return Json("TEST");
        }
    }
 
    public class UserModel {
        public string FName { get; set; }
        public string LName { get; set; }
    }
Но как переделать под Vue не могу сообразить.

<div id="app">
        <button v-on:click="onPress"></button>
        {{message}}
    </div>
    <script>
        var UserModel = {
            FName: "Abc",
            LName: "Pqr"
        };
        var app = new Vue({
            el: "#app",
            data: {
                message: ''
            },
            methods: {
                onPress: function (event) {
                    this.message = event.target.value;
                    $.ajax({
                        url: '/Home/AddUser/',
                        type: "POST",
                        //contentType: 'application/json; charset=utf-8',
                        dataType: "json",
                        data: UserModel,
                        success: function (data) {
                            document.write("СРАБОТАЛО!", data);
                        },
                        fail: function () {
                            document.write("Ошибка", data);
                        }
                    });
                }
            }
        })
    </script>