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

bq3bfh9z  于 2023-01-21  发布在  Vue.js
关注(0)|答案(2)|浏览(89)

我想在我的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帮助

qnakjoqk

qnakjoqk1#

你的html代码中有非法语法,你不能写id="#vueapp",省略#,id="vueapp",你应该可以开始了。但是保留el: "#vueapp",这是你引用id的方式

kjthegm6

kjthegm62#

这可能是由于“日期错误的脚本”。您必须了解Vue.js的最新版本,并根据您的项目使用正确的脚本。
截至本回复之时:

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

是Vue 3的正确脚本。
但是,您可以查看https://unpkg.com/页面,以了解最新的脚本,或者测试最适合您计算机上的节点版本的脚本。
安静!

相关问题