<h3 dir="auto">Vue.js version</h3>
<p dir="auto">2.0.2</p>
<h3 dir="auto">Reproduction Link</h3>
<p dir="auto"><a href="http://codepen.io/anon/pen/WGyrdz" rel="nofollow">http://codepen.io/anon/pen/WGyrdz</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Just load up the page in edge or internet explorer (11) with your console open. Vue will display the warning "duplicate attribute: class".<br>
When removing the <code class="notranslate">class</code> attribute, the warning goes away.</p>
<h3 dir="auto">What is Expected?</h3>
<p dir="auto">No warnings :). I expect vue to use both the regular <code class="notranslate">class</code> attribute and the <code class="notranslate">:class</code> attribute and merge them together into the <code class="notranslate">class</code> attribute.</p>
<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">利用keep-alive结合compontent，实现切换tab的效果。但是有多个tab用同一个组件的情况，我加了key做区分，如下：<br>
&lt;component :is="currentTabComponent" :key="moduleId" &gt;&lt;/component&gt;<br>
这样，可以缓存这些使用同一个组件的tab。问题是，删除tab时，用include只能匹配组件的name或注册名，并不能区分使用相同组件的tab。<br>
然后我用$desytoy销毁，再次创建时又会有组件不断created，缓存不了的现象。<br>
有什么办法解决这种场景吗？</p>
<h3 dir="auto">What does the proposed API look like?</h3>
<p dir="auto">include中是否可以把key带进去，区分组件相同key不同的缓存实例</p>