目录由Vue管理的函数不被vue管理的函数this指向大致分类总结在Vue中,方法体里用this调用vue实例的数据,有时会指向window,导致调用失败报错。 由Vue管理的函数
在Vue中,方法体里用this调用vue实例的数据,有时会指向window,导致调用失败报错。
例如:
computed
计算属性watch
监视属性filters (vue3中已弃用且不再支持)
过滤器....上述属性里配置的函数不要采用箭头函数写法,因为箭头函数没有自己的this对象,使用this时会向外找到window
,不会指向Vue
实例,也就调用不到Vue中的数据。
例如:
setTimeout
计时器里的回调函数setInterval
定时器里的回调函数ajax
请求里的回调函数....上述回调函数(除定时器外)使用普通函数定义的话,里面的this指向的是window
,定时器中this指向undifined
(这个死磕了老长时间,vscode没提示,换WEBstORM调试出来的...)
用箭头函数时,this会向函数外找,找到Vue实例(因为在vue环境里嘛)。
奉上 菜鸟教程(yyds) 里大佬总结的
附上 菜鸟中介绍this的直达链接:this详解
在Vue环境里:
这样保证this总是指向Vue实例,可以调用到Vue数据。
到此这篇关于Vue中关于this指向的问题 的文章就介绍到这了,更多相关vue this指向内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: Vue中关于this指向的问题示例详解
本文链接: https://www.lsjlt.com/news/164689.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0