- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 190字
- 2025-02-18 02:07:02
4.3.2 传递参数
传递参数和正常的JavaScript传递参数的方法一样,分为如下两个步骤。
(1)在methods的方法中进行声明,例如给【例4.5】中的add方法加上一个参数a,声明如下:

(2)调用方法时直接传递参数,例如这里传递参数为2,在button上直接写:

下面我们修改【例4.5】的代码,每次单击按钮,让它自增2。
【例4.6】传递参数(源代码\ch04\4.6.html)。

在浏览器中运行程序,单击1次增加按钮,可以发现num值自增2,结果如图4-7所示。

图4-7 传递参数