<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">在我们的开发中往往父级节点会设置一些下面节点的样式，如果把下面的东西独立为.vue文件的时候你会发现我不得不再写一个class或者再写一些样式，这使得我们的开发效率受到一定的损失</p>
<h3 dir="auto">What does the proposed API look like?</h3>

  <div dir="auto"></div>
  <div dir="auto"></div>
<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/vue-transition-group-bug-wnvwv" rel="nofollow">https://codesandbox.io/s/vue-transition-group-bug-wnvwv</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Open codesandbox.</li>
<li>Click the "toggle transition" checkbox.</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The enter transition should be animate smoothly.</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">In transition group with v-move class, the elements with immediate watchers that calls $set interrupts the enter transition causing it to "snap".</p>
<hr>
<p dir="auto">In the codesandbox repro, I provided workarounds to fix this problem.</p>
<p dir="auto">I found this bug in this <a href="https://github.com/vuetifyjs/vuetify/issues/9171" data-hovercard-type="issue" data-hovercard-url="/vuetifyjs/vuetify/issues/9171/hovercard">vuetify issue</a>.</p>
<p dir="auto">This happened on vuetify's 2.0.19 release where <a href="https://github.com/vuetifyjs/vuetify/blob/v2.1.0/packages/vuetify/src/mixins/binds-attrs/index.ts">this code</a> was added in to resolve issue <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="453444081" data-permission-text="Title is private" data-url="https://github.com/vuejs/vue/issues/10115" data-hovercard-type="issue" data-hovercard-url="/vuejs/vue/issues/10115/hovercard" href="https://github.com/vuejs/vue/issues/10115">#10115</a>.</p>
<p dir="auto">I'm not sure what is the direct cause as both the v-move class and the immediate watcher causes this issue.</p>