Vue3事件处理
Vue3 事件处理
2023-06-13 09:12:25 时间
tips:
- Vue3中事件可以用括号,也可以不用括号,不加括号表示单个事件
- 如果要用多时间,就要用逗号隔开,并且要加括号
- 事件带括号可以传参,参数可以包含Vue对象里面的属性
example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/vue@3"></script>
<title>Document</title>
<style>
#michael > div{
width:100px;height: 100px;background-color: green;
}
</style>
</head>
<body>
<div id="michael" >
<div @click="go('abc')">{{content}}</div>
</div>
<script>
Vue.createApp({
data(){
return {
"content":"hello"
}
},
"methods":{
go(val){
// alert(1)
console.log(val)
}
}
}).mount("#michael")
</script>
</body>
</html>
相关文章
- JeecgBoot 3.4.2 版本发布,Vue3版本大升级
- vue2.x插件升级支持vue3,支持vue3的图片预览插件来了
- 关于VUE3+TS利用递归组件完成TreeList的设计与实现
- 你还不知道vue3中依赖收集和派发更新的实现逻辑吗?那你就out啦~还不快来看!
- Vue3中Slot用法
- Vue3项目框架搭建封装,一次学习,终身受益【万字长文,满满干货】
- 前后端分离项目(gin+gorm+vue3)腾讯云部署详细教程(go,mysql,nginx安装)
- 开心档之Vue3
- 超详细!10分钟开发一个Vue3的后台管理系统!
- k8sailor - 用 golang+vue3 写一个k8s 控制面板
- Vue3学习笔记Day2 项目工程化的第一步,第一个Vue项目
- Vue3 是如何通过编译优化提升框架性能的?