app.html
<!DOCTYPE html>
<html lang="zn">
<head>
<meta charset="utf-8">
</head>
<body>
<div id='app'>
<p>
{{message}}
</p>
</div>
<script src="./app.js"></script>
<script src='./node_modules/vue/dist/vue.js'></script>
</body>
</html>
app.js
new Vue({
el: '#app',
data: {
message: "'Hello Vue.js!'"
}
});
但是我运行的时候,vue is no define。为什么?
你应该在js引用中,把vue放在上头
也就是
<script src='./node_modules/vue/dist/vue.js'></script>
<script src="./app.js"></script>
如果不是webpack之类的打包工具,js会根据你<script>
的顺序来执行。
你的代码是先执行app.js了。那时候还没加载Vue呢。所以会出现Vue是undefined的情况。
你的2个 script 反了。。。
把vue的提到 app前面