How to integrate ASP.NET MVC Core with Vue.js?

Question

I have a project that requires the client side to use Vue.js to render the application views, but on the server side ASP.NET MVC Core is intended to validate all business rules.

Is there any way to integrate both technologies?

Answer 1

The simplest and least "wilful" way is to pass the JSON from the object to the view.

for example:

<script>
        var app = new Vue({
            el: '#clienteForm',
            data:  @Json.Serialize(Model)
        })
</script>

Now your object Vue has all model data

The other option is to make your Vue to make ajax requests to a Webapi that returns the Jsons for the objects.

Answer 2

Hello, one way would be to use Asp.net core to serve as a Rest api, and use vuejs only for a front end, in my opinion is the best way.