Vue中 let _this = this的作用

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

原文链接：《Vue.js的this作用域》https://blog.csdn.net/love_pgme/article/details/86064871

1、先举一个例子，像 jquery里边有一个特别典型的例子，能说明用_this的作用
$("#btn").click(function(){
　　var _this = this;   //这里this和_this都代表了"#btn"这个对象
　　$(".tr").each(function(){
　　　　this;  //在这里this代表的是每个遍历到的".tr"对象
　　　　_this;//仍代表"#btn"对象
　　})
})
这种情况就是在一个代码片段里this有可能代表不同的对象，而编码者希望_this代表最初的对象。

2、Vue的写法：let _this = this，其目的是为了存储this的指向。可以通过观察下面的例子来加深理解。

 var _this = this; 这里声明一个变量指向父函数的this, 用于 _this.DataNow = new Date(); 修改父函数的“DataNow”实现动态时间

如果这里改为this.DataNow = new Date() 就指向了mounted里面的DataNow，则没有了效果；

_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指向就变成子函数了，_this就是用来存储指向的。

以上是 Vue中 let _this = this的作用 的全部内容， 来源链接： utcz.com/z/377621.html

回到顶部