Vue Js |Данные не отражаются в HTML - PullRequest
Новая
       7

Vue Js |Данные не отражаются в HTML

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

Я очень новичок в Vue js, для практики я создал простой html и js для Vue, но я не вижу привязки данных к html, у меня даже не отображается нерешенная переменная {{message}}, вместо этогофункция возвращается вместо моего дома.

Ниже приведен мой фрагмент: 

<!DOCTYPE html>
<html>
<head>
    <title>First Vue App</title>
</head>
<body>
    <div id="app">
      {{message}}
    </div>
    <script src="main.js"></script>
</body>
</html>

Сценарий: main.js 

import Vue from 'vue';

var app = new Vue({
    el: "#app",
    data: {
        message:"First Vue app"
    }
});

Я использую пакет webpack.В моем дистрибутиве есть вышеупомянутые index.html и main.js.

Обратите внимание, что я не получаю никаких ошибок в консоли, также я попытался использовать v-cloak, как предложено в одном из решений.

Ниже приводится изображение моей консоли: enter image description here

...