运行 时 Vue js 变量在页面上不起作用

Vue js variable not working on page when running

我想使用 vue.json 我的 asp.net mvc 项目。我从 nuget 包下载 vue.js 并拖入布局。当我 运行 项目看起来像这样

Code output https://i.stack.imgur.com/ZGRpN.png

或者这个 https://ibb.co/fMa2eU

这是源代码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>

这是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>

我想知道为什么它不起作用请帮助

您的 html 代码中存在非法语法，您不能编写 id="#vueapp"，省略 #，id="vueapp"，您应该可以开始了。但是保留 el: "#vueapp"，这就是你引用 id

的方式