vue

在vue项目中如果methods的方法用箭头函数定义结果会怎么样?

发布于 2021-01-11 17:02:59
关注者
0
被浏览
332
4 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    var app = nvar app = new Vue({
    el: "#app",
    data: {},
    methods: {
    a: () => {
    console.log(this); //Window
    }
    }
    });
    为什么我的this指向的是Window?

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    var app = nvar app = new Vue({
    el: "#app",
    data: {},
    methods: {
    a: () => {
    console.log(this); //Window
    }
    }
    });
    为什么我的this指向的是Window?

    虽然没有尝试过,但是我估计你是在html里面直接用<script>引入vue的,this的默认绑定在window上,而我是用的webpack构建的,默认在严格模式下,this默认绑定为undefined

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。
    data() {
        return {
          log: "111"
        };
      },
    methods: {
        test: () => {
          console.log(this.log); //undefined
        }
    }
    data() {
        return {
          log: "111"
        };
      },
    methods: {
        test() {
          console.log(this.log); //111
        }
    }
知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看