Vue学习（事件处理）

监听事件
使用v-on指令可以监听DOM事件，并在触发时运行一旦JS代码。
例：对按钮进行监听，当点击按钮时触发次数加一的方法。

点击数:{{count}}<br />
<!--vue的指令v-on：click 调用事件-->
<button v-on:click="click">点击</button>

被调用的方法

var vm = new Vue({
	el:"#app",
	data:{
		count:0,		// 点击数
	},
	methods:{
		click:function(){
			this.count ++;
		},
	}	
});
		

可以使用方法遍历数组中的信息

<ul>
	<li v-for="(item,index) in items">
		{{index+1}} - {{item.title}}
		<!--事件传参-->
		<button @click="del(index)">删除</button>
	</li>
</ul>

var vm = new Vue({
	el:"#app",
	data:{
		items:[],
	},
	methods:{
		query:function(){
			// 条件查询所有
			this.items=[
				{title:"苹果"},
				{title:"橘子"},
				{title:"芒果"}
			]
		},
	}	
});

上述功能中添加了删除按钮但未实现功能在此基础上实现删除功能
编写删除方法

methods:{				
	del:function(obj){
		alert(obj);
		/*删除*/
		//this.items.splice(obj,1);
	},			
}

@click是v-on:click的简写。