zoukankan      html  css  js  c++  java
  • 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就是用来存储指向的。
  • 相关阅读:
    爬虫防止浏览器防止debug处理
    php
    代码日记
    Linux定时任务
    Linux 三剑客(Awk、Sed、Grep)
    golang中使用ETCD
    golang中使用mysql数据库
    golang中使用Redis
    Linux进阶知识和命令
    Linux核心命令使用方法
  • 原文地址:https://www.cnblogs.com/limeiky/p/15305140.html
Copyright © 2011-2022 走看看