me域名网站,wordpress本地使用方法,建立用模板建立网站,快速做网站流量数据统计分析1. 使用及定义 定义方法
function 方法名称(接受的event或是什么都不写) {//不管方法后括号内写与不写event,都可以接受到方法内表达式
}//定义一个接受参数的方法,此时也会在传入event
function 方法名称(传入参数) {//可接受传入参数与event方法内表达式
}
//定义一个接受参…1. 使用及定义 定义方法
function 方法名称(接受的event或是什么都不写) {//不管方法后括号内写与不写event,都可以接受到方法内表达式
}//定义一个接受参数的方法,此时也会在传入event
function 方法名称(传入参数) {//可接受传入参数与event方法内表达式
}
//定义一个接受参数的方法与event
function 方法名称(传入参数, event) {方法内表达式
}调用
!--此处click调用countAdd方法,默认传入event.注意如果想默认传入event不要加括号--button click无参方法名/buttonbutton click方法名(入参)/buttonbutton click方法名(入参,$event占位符)/buttonbutton click(event) 方法名(入参, event参数)/button!--多事件处理--button click方法名(有无参数都行),方法名(有无参数都行),方法名(有无参数都行)/button2. 事件处理案例
templatediv{{ count }}/divbr /!--此处click调用countAdd方法,默认传入event.注意如果想默认传入event不要加括号--button clickcountAdd name我是button的名字count/buttonbr /div{{ message }}/divbr /button clickcountAddByParameter(您好) name我是button的名字为message添加您好/buttonbr /button clickcountAddByParameterAndevent(您好,$event) name我是button的名字为message添加您好并传入event/buttonbr /button click(event) countAddByParameterAndevent(您好, event) name我是button的名字为message添加您好并传入event/button
/template
script setup
//从vue中获取ref方法
import { ref, reactive } from vue;name: App;let count ref(0);
let message ref(11111);
//定义一个无参数方法,此处event可写可不写,不写时也会传入
function countAdd(event) {//此处特别注意,因为使用了ref进行相应式,所以值为count的valuecount.value;console.log(-----------------------------什么都没有传入-------------------------------------);console.log(count:, count.value);//输出没有参数传入时默认传入值eventconsole.log(控件name属性:, event.target.name);
}//定义一个接受参数的方法,此时也会在传入event
function countAddByParameter(msg) {message.value msg;console.log(-----------------------------传入参数但未传event--------------------------------);console.log(message.value:, message.value);//输出没有参数传入时默认传入值eventconsole.log(控件name属性:, event.target.name);
}
//定义一个接受参数的方法与event
function countAddByParameterAndevent(msg, event) {message.value msg;console.log(-----------------------------同时传入参数与event--------------------------------);console.log(message.value:, message.value);console.log(控件name属性:, event.target.name);
}
/scriptstyle scoped
/style
