Vuejs2 Vue在一个简单的示例中不起作用_Vuejs2

Vuejs2 Vue在一个简单的示例中不起作用

vuejs2

Vuejs2 Vue在一个简单的示例中不起作用,vuejs2,Vuejs2,这是我的代码，我似乎做的每件事都是正确的。由于输出仅为{{message}，可能会出现什么问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{message}}<

这是我的代码，我似乎做的每件事都是正确的。由于输出仅为{{message}，可能会出现什么问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div id="app">
<h1>{{message}}</h1>
</div>

<script src="https://vuejs.org/js/vue.js"/>
<script>
    new Vue({
        el: '#app',
        data:{
            message: "Yow"
        },
        mounted: function () {
            console.log("Mounted")
        }
    });
</script>
</body>
</html>


标题
{{message}}
新Vue({
el:“#应用程序”，
数据：{
信息：“哟”
},
挂载：函数（）{
控制台日志（“已安装”）
}
});

它只输出{{message}

嘿，伙计，你忘了关闭vue.js脚本/api中的结束脚本标记

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div id="app">
<h1>{{message}}</h1>
</div>

<script src="https://vuejs.org/js/vue.js"/>
<script>
    new Vue({
        el: '#app',
        data:{
            message: "Yow"
        },
        mounted: function () {
            console.log("Mounted")
        }
    });
</script>
</body>
</html>

您在脚本标记中呈现了整个html部分，正如您在控制台中看到的：


标题
{{message}}
console.log（'hi'）；
var app=新的Vue({
el:“#应用程序”，
数据：{
留言：“哟”
},
挂载：函数（）{
控制台日志（“已安装”）
}
});

并且始终在任何可操作的js文件之前插入api/main/cdn链接

只有在开发模式下运行vue