Javascript Vue js变量在运行时不在页面上工作

Javascript Vue js变量在运行时不在页面上工作,javascript,asp.net,asp.net-mvc-4,model-view-controller,vue.js,Javascript,Asp.net,Asp.net Mvc 4,Model View Controller,Vue.js,我想在asp.net mvc项目中使用vue.json。我从nuget软件包下载了vue.js,并将其拖到布局中。当我运行这个项目时,它看起来是这样的 还是这个 这是源代码layout.cshtml <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial

我想在asp.net mvc项目中使用vue.json。我从nuget软件包下载了vue.js,并将其拖到布局中。当我运行这个项目时,它看起来是这样的

还是这个

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

@ViewBag.Title-我的ASP.NET应用程序
@style.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizer”)
@RenderBody()
这是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>

{{firstName}}

var mainvue=新的Vue({ el:“vueapp”, 数据:{ 名字:“fasdfa”, }, })

我想知道为什么它不起作用plzz帮助在你的html代码中使用非法语法,你不能写
id=“#vuepp”
,ommit the#,
id=“vuepp”
,你应该可以走了。但是保持el:“#vueapp”,当你说id不起作用时,你就是这样引用它的,实际发生了什么?如果打开浏览器的开发者工具>控制台,是否记录了错误?