• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
攻城狮的世界我不懂——lmky
梦想还是要有的!
博客园    首页    新随笔    联系   管理    订阅  订阅
Vue中 let _this = this的作用

Vue中 let _this = this的作用

原文链接:《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就是用来存储指向的。
posted on 2021-09-17 16:13  limeiky  阅读(1684)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3