我想在我的www.example.com mvc项目中使用vue.js。我从nuget包中下载了vue.js并将其拖到布局中。当我运行项目时,它看起来像这样asp.net mvc project. I downloaded vue.js from nuget package and drag into layout. When I run project it seems like this
Code outputhttps://i.stack.imgur.com/ZGRpN.png
或者这个https://ibb.co/fMa2eU
这是源代码布局. 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>
我想知道为什么它不工作plzz帮助
2条答案
按热度按时间qnakjoqk1#
你的html代码中有非法语法,你不能写
id="#vueapp"
,省略#,id="vueapp"
,你应该可以开始了。但是保留el: "#vueapp"
,这是你引用id的方式kjthegm62#
这可能是由于“日期错误的脚本”。您必须了解Vue.js的最新版本,并根据您的项目使用正确的脚本。
截至本回复之时:
是Vue 3的正确脚本。
但是,您可以查看https://unpkg.com/页面,以了解最新的脚本,或者测试最适合您计算机上的节点版本的脚本。
安静!