vue中绑定事件:v-on:click="add(1)",使用v-on:绑定一个事件(也可以用@符号,如@click="add(1)"),(如点击事件,触发add()方法)
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Vue.js</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<!-- vue-app是根容器 -->
<div id="vue-app">
<h1>Event</h1>
<button @click="add(1)">涨一岁</button>
<button v-on:click="subtract(1)">减一岁</button>
<button @dblclick="add(10)">涨十岁</button>
<button v-on:dblclick="subtract(10)">减十岁</button>