Vue的事件代理

大家好，我是阿猛。这是我的第一篇文章，借此平台一为做个笔记，二为与大家探讨技术海洋。

希望我的笔记是由简=>难这个方向发展的，证明一个普通前端在成长着

vue事件代理使用场景与作用：

vue本身没有代理
需要代理，将事件代理的程序代理到父节点，比如此时要v-for 1w个span标签，不使用代理每个标签都绑定一个click事件，使用代理只在父节点设置点击事件（循环数据量少其实并不影响内存）

不使用代理：

<div>
	<span v-for='(item, index)' of 10000 :key='index' @click=''function() {}">{{item}}</span>
</div>

使用代理：

<div @click=''clickEvent">
	<span v-for='(item, index)' of 10000 :key='index' :data-index='index'>{{item}}</span>
</div>
export default {
	methods: {
		clickEvent(e) {
			console.log(`当前选中下标为${e.target.dataset.index}`)
		}
	 }
}

越没有行业属性的技术人员，可替代成本越低