vue这里的this指向哪里

Posted 2023-04-26

我自己理解的vue里面的this指向的是一个Vue实例对象,每个页面/组件都有属于它自己的这个对象。你可以在vue挂载后打印这个this。展开这个对象，会发现一些我们自定义的methods，和内置的方法等等。
说得再说不多你自己去操作一下。 参考技术A 工宗号： Vue社区，有很好很全的vue教程，从最简单的指令到实战仿新闻客户端，语速可能有点快，因为知识点很多，希望大家学习后能很快的掌握，祝大家学习愉快！

js 中this到底指向哪里？

其实js的this指向很简单。我们记住下面3种情况。

1. this 指向的是浏览器中的window.代码如下：

   function fn(){
     this.name=‘yangkun‘;
     this.age=28;    
   }

   当我们执行fn()的时候，这个普通函数中的this指向到底是什么？答案就是指向的是浏览器中的window.(这里说明，这里实在浏览器下，如果是node环境不是)。

2. 如果这个时候我们对上面的函数进行进一步操作：

   function fn(){
     this.name=‘yangkun‘;
     this.age=28;    
   }
   var f=new fn;
   
   console.log(f.name);
   //yangkun
   //这个时候貌似this指向的是实例中的name值。

   fn类（这里使用了构造函数new方式生成，这个时候函数fn可以看做是一个类）,生成了一个实例f ，其中f的name，就是类分配给实例f的私有属性值，这个时候this指向的就是f实例。

3. 使用call,apply,bind:这些方法可以直接修改this的指向到任意的对象甚至变量。

 

综上所描述：1规律：如果在点语法前有谁，这个this就是谁。2 如果使用call,apply,bind这些方法可以改变this的指向性。