本文展示了如何在Vue中创建一个计数器，每次点击按钮，count值增加一或增加二。同时，当鼠标在特定区域移动时，会实时显示坐标。通过自定义事件处理函数和stop属性防止事件冒泡。
1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。
效果如下：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计数器自增函数</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<button v-on:click="increase">点击加一</button>
<!--自定义步长-->
<button v-on:click="increase2(2,$event)">点击加二</button>
<p>{
{count}}</p>
<!--
最低0.47元/天 解锁文章
扫一扫
3620
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
