前言

前面的文章讲到了如何用CDN的方式引入vue.js。今天这篇文章介绍如何在vue中调用方法以及传参！

正文

在Vue中方法(methods)和data属于同一量级的属性，所以在Vue中有methods模块，对于方法的定义都定义在这个区域内。如下，在methos内定义一个say的方法，返回"他说要好好学习"内容。

同样在html的根容器的标签下，引入say方法，同data中name的调用，因为say是个方法，方法后面应该加(),所以代码如下：

双击index.html用浏览器打开，页面出现以下内容：

方法的调用则成功了，另外我们知道不管是java、c#这类的后端代码还是js这类的前端代码中的方法都是可以进行参数的传递，在vue中同样可以。我们可以在say()中进行传参，比如代码如下：

然后在app.js文件中接收参数：

保存之后同样用浏览器打开index.html文件，则页面内容如下：

则成功完成了传参和方法的调用。

另外在方法中我们可以进行数据的绑定，比如在data中的name，可以通过this.name直接进行绑定到方法中，比如：

输出结果如下：

总结

以上就是如何在vue中进行方法的调用以及在方法中进行参数的传递。

如果有不正确的地方欢迎交流讨论！