文章目录
- 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数据。