应用错误收集

我对Vue js还是陌生的，实际上，我为Vue创建了一个简单的html和一个js，但是我看不到我的数据绑定到html，我什至没有得到未解决的变量反映出来的{{message}}，一个函数代替了我的dom。

以下是我的摘录：

<!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。

以下是我的控制台映像：

Vue Js |数据未反映在html

0 个答案: