SOURCE

var vm = new Vue({
  el: '#app',
  data: {
		on: 0,
		at: 0,
		click: '',
		clickFun: ''
},
  methods: {
					handle() {
						// 这里的this 是Vue的实例对象
						console.log(this === vm)
						this.at++
					},
					handleClick() {
						// 这里的this 是Vue的实例对象
						console.log(this === vm)
						this.at++
					}
				}
})

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app">
			<div>
				<p> {{ on }} </p>
				<button type="button" v-on:click="on++">点击 on</button>
			</div>
			<div>
				<p> {{ at }} </p>
				<button type="button" @click="at++">点击 at</button>
				<button type="button" @click="handle">点击 at</button>
			</div>
			<div>
				<p> {{ at }} </p>
				<!-- 直接绑定函数名称 -->
				<button type="button" @click="handleClick">点击 at</button>
				<!-- 调用函数 -->
				<button type="button" @click="handleClick()">点击 at</button>
			</div>
		</div>