Trying to integrate vue.json into my asp.net mvc project by downloading vue.js from the nuget package and dragging it into the layout. After running the project, I encountered the following output:
Code output https://i.sstatic.net/ZGRpN.png
or this https://ibb.co/fMa2eU
Here is the source code for layout.cshtml:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<script src="~/Scripts/vue.min.js"></script>
</head>
<body>
@RenderBody()
</body>
</html>
And this is the code for index.cshtml:
<div id="#vueapp">
<input type="text" v-model="firstName"/>
<p>{{ firstName }}</p>
</div>
<script>
var mainvue = new Vue({
el: "#vueapp",
data: {
firstName:"fasdfa",
},
})
</script>
Encountering issues with the implementation and seeking assistance to resolve the problem. Any help would be appreciated.