问题：为什么第一种function(){}就不可以，第二种箭头函数就可以让counter+1？
代码
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="counter">
Counter:{{counter}}
</div>
<script>
const Counter = {
data(){
return{
counter:1
}
},
// 第一种方式
// mounted(){
// setInterval(function(){
// this.counter++
// },1000)
// }
// 第二种方式
mounted(){
setInterval(()=>{
this.counter++
},1000)
}
}
Vue.createApp(Counter).mount('#counter')
</script>
</body>
</html>
```
