示例小白教程网www.2d5.net 下面实例我们直接在v-on后面绑定点击click事件，每次点击按钮将计数器增加1。 代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue.js-事件处理器v-on指令（简易使用）</title>
<!--加载本地vue.js的框架-->
<script src="vue2.2.2.min.js"></script>
</head>
<body>
<!--定义div区块的id的值,这里定义的值为"app",后面vue会使用该值-->
<div id="app">
<!--绑定click事件，每次点击jishu加1-->
<button v-on:click="jishu+=1">增加1</button>
<!--显示属性jishu的值-->
<div>当前计数：{{jishu}}</div>
</div>
<script>
//Vue语句-开始
new Vue({
el: '#app',//app为前面div区块的id的值，通过"#"号绑定
data: {
jishu:0 //属性初始化
}
})//Vue语句-结束
</script>
</body>
</html>效果图小白教程网www.2d5.net 
|
