Vue的方法的调用以及传参

前面讲到了如何用CDN的方式引入vue.js。在Vue中方法(methods)和data属于同一量级的属性,所以在Vue中有methods模块,对于方法的定义都定义在这个区域内。如下,在methos内定义一个say的方法,返回,他说要好好学习

Vue的方法的调用以及传参_第1张图片

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

Vue的方法的调用以及传参_第2张图片

用浏览器打开index.html,出现

Vue的方法的调用以及传参_第3张图片

方法的调用则成功了,另外方法可以进行参数的传递,则我们可以在say()中进行传参,比如

Vue的方法的调用以及传参_第4张图片

然后在app.js中接收参数

Vue的方法的调用以及传参_第5张图片

保存,然后浏览器打开index.html

Vue的方法的调用以及传参_第6张图片
            则成功完成了传参和方法的调用。

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

Vue的方法的调用以及传参_第7张图片

Vue的方法的调用以及传参_第8张图片

 

每天学习一点点,每天进步一点点!

 

           在这里,与各位再共同勉励一次,我们要做聪明的人,做有智慧的人有慈爱又肯诚实对人对己的勇者。就算天大的事情来了,也不逃避它,心平气和地为自己争取最合理的解决之道,不可以做一个弱者,凡是不顺心便跌倒的人是要被社会淘汰的,做一个有弹性的人,当是我们一生追求的目标。

           ——三毛《亲爱的三毛》

你可能感兴趣的:(Vue,前端)