v-on 和 v-bind 的区别

v-on 和 v-bind 的区别

v-on 用于事件绑定 缩写为@

<!-- 此处的v-on:click 可缩写为 @click -->
<div id="app">
	<p> {{num}} </P>
	<button v-on:click="Btn">点击</button>
</div>

// vue.js
new Vue({
	data: {
		num: 1
	},
	methods: {
		Btn: function(){
			this.num++
		}
	}
})

v-bind 用于属性绑定

<!-- v-bind:href 可缩写为 :href -->
<a v-bind:href="url"></a>