methods中使用的this指向为创建的vue组件实例。
data中的this指向为windows。
//本例为tab切换实例,其中只摘录了脚本部分。点击按钮切换文件。
<script type="text/javascript">
var app=new Vue({
el:"#app",
data:{
name1:"首页",
name2:"导航",
name3:"秒杀",
tab:"01"
},
methods: {
tabc:function(e){
let clickt= e.target.dataset.id
console.log(this)//结果一
console.log(this.tab)//结果二
console.log(this.data)//结果三
this.tab=clickt
}
},
})
</script>
结果一截图:
为vue组件实例对象
结果二截图:
结果三截图:
说明this在data就已经被认定为window对象了