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

Я хочу использовать 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>

Мне интересно, почему он не работает, пожалуйста, помогите

Когда вы говорите, что это не работает, что на самом деле происходит? Если вы откроете в браузере инструменты разработчика> консоль, регистрируются ли там ошибки?

— 10.10.2018 17:47

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

10.10.2018 17:04

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

800

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

10.10.2018 18:33

Другие вопросы по теме

Служба ошибок LogService.LogService не имеет конечных точек приложения (не инфраструктуры)

Сообщение формы сценария JS не отображается для ASP.NET Request.Form

POST успешен, но данные не отображаются в контроллере

Требовать проверку поля в Telerik GridDropDownColumn

Обратные вызовы клиента Javascript SignalR не запускаются

Как добавить два файла журнала в ядро .net с помощью LoggerFactory

Не удается отобразить веб-сайт с компонентом WebView в формах Xamarin на эмуляторе Andriod

Jwt Невозможно указать действующему издателю или аудитории

Переопределенная переменная сеанса Asp.Net Core

Проверьте, находится ли элемент под заполнителем C#

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

Ответы 1

Другие вопросы по теме

Похожие вопросы