大家好,我是阿猛。这是我的第一篇文章,借此平台一为做个笔记,二为与大家探讨技术海洋。
希望我的笔记是由简=>难这个方向发展的,证明一个普通前端在成长着
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}`)
}
}
}
越没有行业属性的技术人员,可替代成本越低