网站建站网站jp586 vip,网络营销建设,移动互联网应用技术,企业品牌营销策划公司文章目录 1 由Vue管理的函数2 不被Vue管理的函数3 总结 1 由Vue管理的函数
computed 计算属性watch 监视属性filters (Vue3中已弃用且不再支持) 过滤器methods 上述属性里配置的函数this指向Vue实例#xff0c;不要采用箭头函数写法#xff0c;因为箭头函数没有自己的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数据。
