Skip to content

Commit 3606d42

Browse files
committed
Site updated: 2016-10-03 21:34:39
1 parent e7ac1d5 commit 3606d42

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

guide/migration.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -712,6 +712,17 @@ <h4>Upgrade Path</h4>
712712
<p>Run the <a href="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>
713713
</div>
714714

715+
<h3 id="Directive-literal-modifier-deprecated"><a href="#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+
<figure class="highlight js"><table><tr><td class="code"><pre><div class="line">&lt;p v-my-directive.literal=<span class="string">"foo bar baz"</span>&gt;<span class="xml"><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span></div></pre></td></tr></table></figure>
718+
<p>to just:</p>
719+
<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">p</span> <span class="attr">v-my-directive</span>=<span class="string">"'foo bar baz'"</span>&gt;</span><span class="tag">&lt;/<span class="name">p</span>&gt;</span></div></pre></td></tr></table></figure>
720+
721+
<div class="upgrade-path">
722+
<h4>Upgrade Path</h4>
723+
<p>Run the <a href="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+
715726
<h2 id="Transitions"><a href="#Transitions" class="headerlink" title="Transitions"></a>Transitions</h2><h3 id="transition-Attribute-deprecated"><a href="#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>&lt;transition&gt;</code> and <code>&lt;transition-group&gt;</code> wrapper elements, rather than the <code>transition</code> attribute. It’s recommended to read the new <a href="transitions.html">Transitions guide</a> to learn more.</p>
716727

717728
<div class="upgrade-path">

0 commit comments

Comments
 (0)