vue的第一个入门程序报错:[Vue warn]: Cannot find element
——————Vue学习记录
遇到的问题如下:
<!DOCTYPE HTML>
<html>
<meta lang="en" charset="utf-8">
</html>
<head>
<title>VUE20201109</title>
</head>
<body>
<script src="vue.js"></script>
<script>
var vm = new Vue({
el:'#app',
data:{
msg:'你好啊,vue!'
}
})
</script>
<!-- <script src="20201109.js"></script> -->
<div id="app">
{{msg}}
</div>
</body>
原因:dom元素被加载之前,就引用了dom标签,所以找不到,换句话说,是script标签在id为app的div之前了。
解决方法2种:
1.将script标签移到最下面。
2.在script中加入window.onload函数。