欢迎来到我的《从源码中学Vue》专题系列文章,更多精彩内容持续更新中,欢迎关注 :)
在上一章节,我通过阅读vue源码,分析了vue项目的基础目录和的基本原理,生命周期各个钩子函数的在调用时机。
我们在写vue的时候,一般都是将方法写到methods对象下。正常来说,我们想访问methods下面的方法,我们至少要通过this.methods.方法去调用,然而我们是直接在vue的实例对象下调用,源码内部做了什么?
我们在methods中的方法中,可以直接通过this去访问到data中的数据,直接越过了methods对象,源码它做了什么??
带着这两个疑问,我们去找一下vue的源码,一探究竟吧~
本章目标
- Vue中的Methods方法中为什么能直接用this访问到data中的数据
- 为什么我们可以直接通过this访问到methods中的方法。
熟悉vue的都知道,methods是一个对象,里面存储了整个我们需要的方法。举个例子