<p dir="auto">Would be neat if <code class="notranslate">$on</code> supported an array of events:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="bus.$on(['CLICK_BODY', 'KEYUP_ESCAPE'], () =&gt; {
  this.active = false
})"><pre class="notranslate"><span class="pl-s1">bus</span><span class="pl-kos">.</span><span class="pl-en">$on</span><span class="pl-kos">(</span><span class="pl-kos">[</span><span class="pl-s">'CLICK_BODY'</span><span class="pl-kos">,</span> <span class="pl-s">'KEYUP_ESCAPE'</span><span class="pl-kos">]</span><span class="pl-kos">,</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">active</span> <span class="pl-c1">=</span> <span class="pl-c1">false</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>
<p dir="auto">Without it we need duplication</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="bus.$on('CLICK_BODY', () =&gt; {
  this.active = false
})
bus.$on('KEYUP_ESCAPE', () =&gt; {
  this.active = false
})

// or

bus.$on('CLICK_BODY', deactivate)
bus.$on('KEYUP_ESCAPE', deactivate)"><pre class="notranslate"><span class="pl-s1">bus</span><span class="pl-kos">.</span><span class="pl-en">$on</span><span class="pl-kos">(</span><span class="pl-s">'CLICK_BODY'</span><span class="pl-kos">,</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">active</span> <span class="pl-c1">=</span> <span class="pl-c1">false</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span>
<span class="pl-s1">bus</span><span class="pl-kos">.</span><span class="pl-en">$on</span><span class="pl-kos">(</span><span class="pl-s">'KEYUP_ESCAPE'</span><span class="pl-kos">,</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">active</span> <span class="pl-c1">=</span> <span class="pl-c1">false</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span>

<span class="pl-c">// or</span>

<span class="pl-s1">bus</span><span class="pl-kos">.</span><span class="pl-en">$on</span><span class="pl-kos">(</span><span class="pl-s">'CLICK_BODY'</span><span class="pl-kos">,</span> <span class="pl-s1">deactivate</span><span class="pl-kos">)</span>
<span class="pl-s1">bus</span><span class="pl-kos">.</span><span class="pl-en">$on</span><span class="pl-kos">(</span><span class="pl-s">'KEYUP_ESCAPE'</span><span class="pl-kos">,</span> <span class="pl-s1">deactivate</span><span class="pl-kos">)</span></pre></div>
<h3 dir="auto">Version</h3>
<p dir="auto">2.5.13</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://jsfiddle.net/sohail85/d72g4jxt/" rel="nofollow">https://jsfiddle.net/sohail85/d72g4jxt/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Map collections are not reactive, even computed properties depending to Map collections does not changes when their dependency changed</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">Map collection like other data structure should be reactive</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">instance variable of type Map collection does not reflect its changes to UI</p>