Vue 对象无法通过 this来获取本Vue对象声明的变量

跟風遠走 提交于 2020-03-04 13:09:37

箭头函数的this总是指向词法作用域,也就是外层调用者obj。
外层调用者的全局变量必须为 var,否则会出错。 

<script>

    let num = 100; // let 声明的全局变量,Vue对象里面的箭头函数无法通过this来获取
    var num2 = 200;

    let vue = new Vue({

        el:"#app",
        data:{
            num:0
        },
        methods:{
            add: ()=>{
                //这里本想拿 data:{num:0},里面的 num 0
                // 但是得到的是NAN,即也拿不到 let num = 100
                this.num++;
                // 200,可以拿到 var num2 = 200;
                this.num2++;
            }
        }
    });
</script>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!