问题
在学习vue的时候,代码运行出现以下错误
原因
- 元素id名字写错
- 引入vue.js时位置不正确
解决方案
- 检查元素id名是否正确
- vue.js应在最后引入,并且要在自己写的js文件之前。正确代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<h4>{{message}}</h4>
</div>
<script src="./js/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
message:'hello Vue!'
}
});
</script>
</body>
</html>
运行结果