Vue JS变量在运行时无法在页面上运行

时间:2018-10-10 15:04:09

标签: javascript asp.net asp.net-mvc-4 model-view-controller vue.js

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

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

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

这是源代码layout.cshtml

 flags      : fpu vme de pse tsc msr pae mce cx8 apic sep mtrr pge mca cmov pat pse36 clflush mmx fxsr sse sse2 ss ht syscall nx pdpe1gb rdtscp lm constant_tsc rep_good nopl xtopology eagerfpu pni pclmulqdq ssse3 fma cx16 pcid sse4_1 sse4_2 movbe popcnt aes xsave avx f16c rdrand hypervisor lahf_lm abm invpcid_single kaiser fsgsbase bmi1 avx2 smep bmi2 erms invpcid xsaveopt`

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

我想知道为什么它不能正常工作

1 个答案:

答案 0 :(得分:0)

您的html代码中的语法不正确,您无法编写id="#vueapp",省略#,id="vueapp",因此应该继续。但是保留el: "#vueapp",这就是您引用ID的方式