Vue中this指向问题

文章目录

  • 1 由Vue管理的函数
  • 2 不被Vue管理的函数
  • 3 总结

1 由Vue管理的函数

  • computed 计算属性
  • watch 监视属性
  • filters (Vue3中已弃用且不再支持) 过滤器
  • methods
    上述属性里配置的函数this指向Vue实例,不要采用箭头函数写法,因为箭头函数没有自己的this对象,使用this时会向外找到window,不会指向Vue实例,也就调用不到Vue中的数据。

2 不被Vue管理的函数

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

上述回调函数使用普通函数定义的话,里面的this指向的是window

所以在被Vue管理的函数中写不被Vue管理的函数,要用箭头函数,此时this会向函数外找,找到Vue实例(因为在vue环境里)。

3 总结

Vue环境里:

  • Vue管理的函数,尽量使用普通函数定义。
  • 不被Vue管理的函数,尽量使用箭头函数定义。
  • 这样保证this总是指向Vue实例,可以调用到Vue数据。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/120570.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何进行微服务测试?一文4个知识点带入门微服务测试!

关注留言点赞,带你了解最流行的软件开发知识与最新科技行业趋势。 本文将讨论微服务测试的重要性、挑战和最佳实践。 微服务架构是一种越来越流行的构建复杂分布式系统的方法。在此体系结构中,大型应用程序被分成较小的、独立的服务,这些服务…

大数据平台架构及规划

梳理了数据平台及未来规划,具体如下: 整体架构: 当前建设进展: 部署架构 部署架构2: Flink 实时计算平台架构 版本1: 版本2: 离线平台架构: 未来规划:

Node.js 的 CommonJS ECMAScript 标准用法

目录 一、前言二、CommonJS 标准使用方法 三、ECMAScript 标准使用方法 四、常用命令总结 一、前言 本文主要是介绍 Node.js 的 CommonJS & ECMAScript 标准用法 如果对你有帮助,欢迎三连 收藏点赞关注!!! ---- NickYoung 二、…

公有云容灾,中小企业最具性价比的选择

备份容灾的成本门槛 业务数据是企业的核心,为了防止意外灾难引发的数据损失、业务系统宕机等情况,企业可以选择部署备份容灾,以此保证系统和服务不会在意外发生时断线,以及数据的完整性。 在过去,只有大型企业会部署…

vue全局字典值获取方法一例

vue全局字典值获取方法一例 //全局加载字典值 下面采用config.dicts[‘sys_yes_no’] 或config.dicts.sys_yes_no config为public目录下全局配置对象 import * as apiDict from "/api/system/dict"//全局加载字典值 下面采用config.dicts[sys_yes_no] 或config.di…

SourceTree 使用

如何拉取远程仓库?如何拉去远程分支?如何创建本地分支?如何删除本地分支?如何删除远端分支? 删除了远程分支,如果本地还有此分支,那么是可以通过推送本地分支来还原远端分支。如何合并本地分支&…

一文了解独立站黑科技:clock斗篷技术

FP产品作为高利润高回报的产品,它热度在出海商品中是一直居高不下的。但这类产品在独立站的运营中往往会遇到很多问题,例如最让商家头疼的投流问题,FP产品的推广营销很容易遭到平台的管控封禁,这时候往往会用到市面上现在很火的黑…

一个Entity Framework Core的性能优化案例

概要 本文提供一个EF Core的优化案例,主要介绍一些EF Core常用的优化方法,以及在优化过程中,出现性能反复的时候的解决方法,并澄清一些对优化概念的误解,例如AsNoTracking并不包治百病。 本文使用的是Dotnet 6.0和EF…

【网络协议】聊聊网络路由相关算法

如何配置路由 路由器是一台网络设备,多张网卡,当一个入口的网络包到达路由器时,会根据本地的信息库决定如何正确的转发流量,通常称为路由表 路由表主要包含如下 核心思想是根据目的 IP 地址来配置路由 目的网络:要去…

Babylonjs学习笔记(五)——创建PBR材质

书接上回,这里讨论PBR材质!!! // 创建天空盒/* */const createSkyBox (scene:Scene):void>{const envTex CubeTexture.CreateFromPrefilteredData(./env/environment.env,scene)scene.environmentTexture envTex;scene.cre…

Games104现代游戏引擎笔记 网络游戏架构基础

挑战1:网络同步 挑战2:是网络的可靠性,包括应对网络的延迟,丢包和掉线 挑战3: 反作弊和安全系统,因为网络游戏的本质是经济系统 挑战4:多样性(不同设备,不同服务器),在不停服的情况下热更新 挑战5:大量人数时对高并发…

【2.预备知识】

#pic_center R 1 R_1 R1​ R 2 R^2 R2 目录 知识框架No.1 数据预处理一、N维数组样例二、创建数组三、访问元素四、数据操作五、数据预处理六、D2L注意点 No.2 线性代数一、标量二、向量1、基本操作2、空间表示3、乘法 三、矩阵1、基本操作2、乘法3、空间表示4、乘法5、范数6、…

并发编程- 线程池ForkJoinPool工作原理分析(实践)

数据结构加油站: Comparison Sorting Visualization 并发设计模式 单线程归并排序 public class MergeSort {private final int[] arrayToSort; //要排序的数组private final int threshold; //拆分的阈值,低于此阈值就不再进行拆分public MergeSort…

计算线阵相机 到 拍摄产品之间 摆放距离?(隐含条件:保证图像不变形)

一物体被放置在传送带上,转轴的直径为100mm。已知线阵相机4K7u(一行共4096个像素单元,像素单元大小7um),镜头35mm,编码器2000脉冲/圈。保证图像不变形的条件下,计算相机到产品之间 摆放距离&…

21.4 Python 使用GeoIP2地图定位

GeoIP2是一种IP地址定位库,它允许开发人员根据IP地址查找有关位置和地理位置的信息。它使用MaxMind公司的IP地址数据库,并提供一个方便的Python API。GeoIP2可以用于许多不同的应用程序,例如网站分析、广告定位和身份验证。GeoIP2提供了许多不…

linux下安装 Chrome 和 chromedriver 以及 selenium webdriver 使用

1 安装 Chrome yum install https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpm2 下载 chromedriver # 进入下载目录 cd soft/crawler_tools# 查看chrome 版本号 google-chrome --version# 在chromedriver下载地址中找到对应版本,下载对…

在项目管理中,项目经理要控制这三个重要因素:进度、成本、质量

项目管理贯穿项目的整个生命周期,对项目的整个过程进行管理,对项目进行计划、组织、指导和控制的手段。 在项目的生命周期内,进行资源的配置和协调,做出科学决策,从而使项目执行的全过程处于最佳的运行状态&#xff…

22 行为型模式-状态模式

1 状态模式介绍 2 状态模式结构 3 状态模式实现 代码示例 //抽象状态接口 public interface State {//声明抽象方法,不同具体状态类可以有不同实现void handle(Context context); }

C++ 位拷贝

分享一个C的按位拷贝的代码。 由于标准库中所有的拷贝都是以字节为单位的&#xff0c;而没有按位进行拷贝的。最近碰到了一个需要按位操作数据的情况&#xff0c;写了一段代码。如有错误&#xff0c;望请指摘。 #include <cstdint> #include <cstdlib>class BitOp…

Cloak斗篷、AB轮询收款科技详解,FP独立站原来可以这样玩!

大多数独立站玩家以前是通过主流的PP、stripe直接进行收款&#xff0c;但因特货类产品客诉率及拒付率等一系列原因&#xff0c;PP、stripe都不支持用于这类产品收款&#xff0c;冒然使用会导致收款账号被查封&#xff0c;需要180天才能回笼资金&#xff0c;严重一点甚至账号直接…