从源码中学Vue(二)彻底搞清楚methods中的方法原理( 二 )

一个最基础的示例就出来了。我们来运行一下这个示例。

从源码中学Vue(二)彻底搞清楚methods中的方法原理

来分析一下这个methods,我们大概可以得到两个结论:

在methods中定义的方法,可以直接访问到Vue实例对象下的data中的数据。我们在mounted钩子函数中可以通过this访问到methods里面的方法。带个这两个结论,我们尝试着去阅读下它里面的源码是如果实现的。

首先我们找到这个处理methods的源码位置

从源码中学Vue(二)彻底搞清楚methods中的方法原理

它在state.js里面,打开它,很容易就找到了一个叫initMethods的函数。

从源码中学Vue(二)彻底搞清楚methods中的方法原理

别看这里面有一大坨代码,其实核心的就是我圈出来的一行。再来找下源码中是如何调用它的。

推荐阅读