事件监听v-on

Posted 2023-03-09 猪八戒1.0

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了事件监听v-on相关的知识，希望对你有一定的参考价值。

为了让用户和你的应用进行交互，我们可以用v-on指令添加一个事件监听器，通过它调用在Vue实例中定义的方法

<!DOCTYPE html>
<html lang="zh">
<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">
	<title>Document</title>
</head>
<body>
	<div id="app">
		<div>message</div>
		<button v-on:click="reverseMessage">反转消息</button>
	</div>
</body>
<script src="js/vue.js"></script>
<script>
	new Vue(
		el:"#app",
		data:
			message:"肥 波 之 路"
		,
		methods:
			reverseMessage()
				this.message=this.message.split(" ").reverse().join(",");
			
		
	);
</script>
</html>

以上是关于事件监听v-on的主要内容，如果未能解决你的问题，请参考以下文章