Vue中关于this指向的问题

Java18

例如：

  • computed 计算属性
  • watch 监视属性
  • filters (Vue3中已弃用且不再支持) 过滤器
  • ....

上述属性里配置的函数不要采用箭头函数写法，因为箭头函数没有自己的this对象，使用this时会向外找到 window，不会指向 Vue实例，也就调用不到Vue中的数据。

例如：

  • setTimeout计时器里的回调函数
  • setInterval定时器里的回调函数
  • ajax请求里的回调函数
  • ....

上述回调函数(除定时器外)使用普通函数定义的话，里面的this指向的是 window，定时器中this指向 undifined(这个死磕了老长时间，vscode没提示，换webstorm调试出来的...)

用箭头函数时，this会向函数外找，找到Vue实例（因为在vue环境里嘛）。

输入验证码查看隐藏内容

扫描二维码关注本站微信公众号 Johngo学长
或者在微信里搜索 Johngo学长
回复 svip 获取验证码
wechat Johngo学长

相关文章
JAVA多线程实战 Java

JAVA多线程实战

由于项目上要和其他系统交互，而该系统采用同步接口，我们采用单线程调用，接收一条数据平均需要4~6s。而我们需要汇总近三个月的订单信息，大约一次有几千条数据，所以进行一次交互大概需要几百分钟。经过沟通后...
40Java
设计模式之装饰器模式 Java

设计模式之装饰器模式

本文由老王将建好的书房计划请小王来帮忙，小王却想谋权篡位，老王通过教育他引出装饰器设计模式，第二部分针对老王提出的建设性意见实现装饰器模式，第三部分针对装饰器模式在Jdk中的IO、Spring中的缓存...
22Java
Python实践项目2 Java

Python实践项目2

```java 南昌理工学院人工智能学院实验室WORKSHOP实践项目 import time import random SCRIPT_NPC_SCHOOL_SISTER = ['你好！', '你好...
29Java
ucore操作系统学习(五) ucore lab5用户进程管理 Java

ucore操作系统学习(五) ucore lab5用户进程管理

ucore在lab4中实现了进程/线程机制，能够创建并进行内核线程的调度。通过上下文的切换令线程分时的获得CPU，使得不同线程能够并发的运行。 在lab5中需要更进一步，实现我们平常开发接触到的、运行...
18Java
识别 UTF-8 编码 Java

识别 UTF-8 编码

思路：如果GBK中文字节流我们使用 UTF-8 编码，会出现未知字符�，字节代表数字为 -65, -67。 所以先尝试用 utf-8 编码，然后获取字节流，判断其中是否存在未知字符。 流程：当直接使用...
27Java
DispatcherServlet 分发流程 Java

DispatcherServlet 分发流程

0 太长不看版 HTTPServlet 的 Service 方法将请求按类进行分解 主要是根据HTTP方法的类型调用 doXXX 方法 GET 和 HEAD 方法需要对 if-modified-sin...
32Java
2.HTTP请求的GET与POST方式的区别 Java

2.HTTP请求的GET与POST方式的区别

答: Get：是以实体的方式得到由请求URI所指定资源的信息，如果请求URI只是一个数据产生过程，那么最终要在响 应实体中返回的是处理过程的结果所指向的资源，而不是处理过程的描述。 Post：用来向目...
24Java
RabitMQ 发布确认 Java

RabitMQ 发布确认

每日一句 军人天生就舍弃了战斗的意义！ 概述 RabitMQ 发布确认，保证消息在磁盘上。 前提条件 1。队列必须持久化 队列持久化 2。队列中的消息必须持久化 消息持久化 使用 三种发布确认的方式：...
29Java
字符串匹配—KMP算法 Java

字符串匹配—KMP算法

KMP算法是一种改进的字符串匹配算法，由D.E.Knuth，J.H.Morris和V.R.Pratt提出的，因此人们称它为克努特—莫里斯—普拉特操作（简称KMP算法）。KMP算法的核心是利用匹配失败后...
34Java
Java基础学习总结 Java

Java基础学习总结

写的这个博客是学习B站狂神说的Java教学视频的学习记录，记录了重点知识以及以前易混淆理解的知识点。本博客可能缺少部分基础知识点，适合像我一样学习Java过程中曾经半途而废的学生。 Java的注释分为...
34Java
平台接口建设规范 Java

平台接口建设规范

建设目标 平台接口建设规范旨在界定接口开发、测试和使用的框架边界，定义技术目标和要求，并提供完整的接口文档，为自有平台和第三方平台提供数据和服务支持。[En]The platform interfac...
34Java
web监听器解析 Java

web监听器解析

监听器是web三大组件之一，事件监听机制如下： 事件：某个事件，如果初始化上下文 事件源：事件发生的地方 监听器：一个对象，拥有需要执行的逻辑 注册监听：将事件、事件源、监听器绑定在一起。当从事件源发...
58Java