vue（参数传递）

最新推荐文章于 2022-12-12 15:51:20 发布

小青龙8085

最新推荐文章于 2022-12-12 15:51:20 发布

阅读量145

点赞数

分类专栏： vue 前端

本文链接：https://blog.csdn.net/lbs311709000127/article/details/103213639

版权

前端同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

vue

35 篇文章 0 订阅

订阅专栏

直接上代码，代码上有详细的注释

这个是运行结果，分别点了按钮1-5

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="./vue.js"></script>
    </head>
    <body>
        <div id="root">
			<button @click="click1">按钮1</button> <!--//函数本身无参调用函数时不加括号-->
			<button @click="click1()">按钮2</button> <!--//无参右括号效果和上一个相同-->
			<button @click="click2">按钮3</button>  <!--//如果调用函数时省略小括号，但函数本身有参数，这时VUE会默认将浏览器产生的event事件作为参数传到函数中-->
			<button @click="click2()">按钮4</button>  <!--//函数有参并且调用时加括号不加参数返回undefine-->
			<button @click="click3(a,$event)">按钮5</button>  <!--//函数有两个参数并且某个参数想返回VUE会默认将浏览器产生的event事件时，加$event-->
        </div> 
        <script>
            new Vue({
                el:"#root",
                data:{
					a:100
                },
                methods:{
                    click1(){
						console.log("click");
					},
					click2(event){
						console.log(event);
					},
					click3(a,event){
						console.log(a,event);
					}
                }
            })
        </script>
    </body>
</html>

小青龙8085

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue（参数传递）

直接上代码，代码上有详细的注释这个是运行结果，分别点了按钮1-5<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="./vue.js"&gt...
复制链接

扫一扫