不明白怎么会报错

来源：2-2 hello world

qq_勿忘初心_H

2020-06-29 15:46:08

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>VUE</title>
<script type="text/javascript" src="vue.js"></script>
</head>
<body>
<div id="app">{{content}}</div>

<script type="text/javascript">
//原始的写法
// var dom = document.getElementById('app');
// dom.innerHTML= 'hello world';
// setTimeout(function(){
//  dom.innerHTML= 'bye world';
// },2000)

var vue=new Vue({  //创建了vue的实例
el:'#app',  //接管app这个dom元素
data:{
content:'hello world'
}
})
setTimeout(function(){
app.$data.content ='bye world';  // $data表示data这个对象
},2000)
</script>

</body>
</html>