十一、性能优化(事件委托、根组件App发一次请求)
一、事件委托
事件委托也叫事件代理,“事件代理”即是把原本需要绑定在子元素的响应事件(click、keydown…)委托给父元素, 让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。 事件委托的好处: 1.减少事件数量,提高性能 2.预测未来元素,新添加的元素仍然可以触发该事件 3.避免内存外泄,在低版本的IE中,防止删除元素而没有移除事件而造成的内存溢出"root" @click="eventDelegation($event)">for="(item, i) in arr" :key="i">class="test" :id="i">点我是{{ i }}
二、vuex的派发可以放在根组件App中(根组件app无论如何跳转路由只执行一次请求,一次请求的数据全部组件用)