关于vue中this的指向问题

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对象了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值