Переменная Vue js не работает на странице при запуске - PullRequest
Новая
       11

Переменная Vue js не работает на странице при запуске

0 голосов
/ 10 октября 2018

Я хочу использовать vue.json в моем проекте asp.net mvc.Я скачал vue.js из пакета nuget и перетащил в макет.Когда я запускаю проект, он выглядит так:

Вывод кода 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>

Мне интересно, почему не работает plzz help

1 Ответ

0 голосов
/ 10 октября 2018

Недопустимый синтаксис в вашем HTML-коде, вы не можете написать id="#vueapp", пропустите #, id="vueapp", и вы должны идти.Но держите el: "#vueapp", вот как вы ссылаетесь на идентификатор

...