手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
vue中this指向问题
vue中this指向问题
作者:
扶得一人醉如苏沐晨
| 来源:发表于
2022-01-06 18:28 被阅读0次
根据VUE官方文档给出的解释
在Vue所有的生命周期钩子方法(如created,mounted, updated以及destroyed)里使用this,
this指向调用它的Vue实例,即(new Vue)
在普通函数中,this指向调用它对象。
在箭头函数中,this指向的是箭头函数本身
一般我们用const that = this 来保存当前this的状态,
比如当前指向的是window, 那么保存this状态以后,在函数中用that即可表示指向window。
注:【普通函数的this】
普通函数的this是由动态作用域决定,它总指向于它的直接调用者。具体可以分为以下四项:
1、this总是指向它的直接调用者, 例如 obj.func() ,那么func()里的this指的是obj。
2、在默认情况(非严格模式,未使用 ‘use strict’),如果函数没有直接调用者,this为window
3、在严格模式下,如果函数没有直接调者,this为undefined
4、使用call,apply,bind绑定的,this指的是绑定的对象
1)对于普通函数(包括匿名函数),this指的是直接的调用者,
在非严格模式下,如果没有直接调用者,this指的是window。
showMessage1()里setTimeout使用了匿名函数且没有直接调用者,this指向window。
2) 箭头函数是没有自己的this,在它内部使用的this是由它定义的宿主对象决定。showMessage2()里定义的箭头函数宿主对象为vue实例,所以它里面使用的this指向vue实例。
绑定vue实例到this的方法:
1、使用bind将匿名函数的指向变为Vue实例(bind不会自动执行,默认返回一个函数)
showMessage1()可以改为:
2、把vue实例的this赋值给另一个变量再使用
相关文章
网友评论
本文标题:
vue中this指向问题
本文链接:
https://www.haomeiwen.com/subject/mfehcrtx.html
延伸阅读
那年盛夏诗歌
环境监察队工作总结范文
优秀教师学习心得范文
华胥引的读后感300字
《Its red》教学反思范文
农资购销的合同范本
竞选中队委优秀演讲稿
辞金蹈海的成语解释
《世纪宝鼎》公开课教案设计
因为爱你,所以牵挂
今生今世红尘醉——美到
一个90后的内心独白
致已逝去的高中年华
深度阅读
您也可以注册成为美文阅读网的作者,发表您的原创作品、分享您的心情!
情人节
母亲节
重阳节
清明节
端午节
植树节
元宵节
妇女节
愚人节
圣诞节
父亲节
教师节
儿童节
劳动节
青年节
建军节
万圣节
平安夜
光棍节
中秋节
国庆节
感恩节
腊八节
更多话题
栏目导航
摄影
故事
互联网
读书
旅行
热点阅读
Layui镜像地址
女人们的事
小寒居家
小寒
驴行漫记——龙潭天池
张秋珍践行第216天20220105
诗人(二)
小寒
简单的快乐
新体验
网友评论