You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: guide/migration.html
+11Lines changed: 11 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -712,6 +712,17 @@ <h4>Upgrade Path</h4>
712
712
<p>Run the <ahref="https://github.com/vuejs/vue-migration-helper" target="_blank" rel="external">migration helper</a> on your codebase to find examples of defined directives. The helper will flag all of them, as it's likely in most cases that you'll want to refactor to a component.</p>
713
713
</div>
714
714
715
+
<h3id="Directive-literal-modifier-deprecated"><ahref="#Directive-literal-modifier-deprecated" class="headerlink" title="Directive .literal modifier deprecated"></a>Directive <code>.literal</code> modifier <sup>deprecated</sup></h3><p>The <code>.literal</code> modifier has been removed, as the same can be easily achieved by just providing a string literal as the value.</p>
716
+
<p>For example, you can update:</p>
717
+
<figureclass="highlight js"><table><tr><tdclass="code"><pre><divclass="line"><p v-my-directive.literal=<spanclass="string">"foo bar baz"</span>><spanclass="xml"><spanclass="tag"></<spanclass="name">p</span>></span></span></div></pre></td></tr></table></figure>
718
+
<p>to just:</p>
719
+
<figureclass="highlight html"><table><tr><tdclass="code"><pre><divclass="line"><spanclass="tag"><<spanclass="name">p</span><spanclass="attr">v-my-directive</span>=<spanclass="string">"'foo bar baz'"</span>></span><spanclass="tag"></<spanclass="name">p</span>></span></div></pre></td></tr></table></figure>
720
+
721
+
<divclass="upgrade-path">
722
+
<h4>Upgrade Path</h4>
723
+
<p>Run the <ahref="https://github.com/vuejs/vue-migration-helper" target="_blank" rel="external">migration helper</a> on your codebase to find examples of the `.literal` modifier on a directive.</p>
724
+
</div>
725
+
715
726
<h2id="Transitions"><ahref="#Transitions" class="headerlink" title="Transitions"></a>Transitions</h2><h3id="transition-Attribute-deprecated"><ahref="#transition-Attribute-deprecated" class="headerlink" title="transition Attribute deprecated"></a><code>transition</code> Attribute <sup>deprecated</sup></h3><p>Vue’s transition system has changed quite drastically and now uses <code><transition></code> and <code><transition-group></code> wrapper elements, rather than the <code>transition</code> attribute. It’s recommended to read the new <ahref="transitions.html">Transitions guide</a> to learn more.</p>
0 commit comments