adjust advanced guide section order

Author: yyx990803

src/guide/reactivity.md

@@ -1,7 +1,7 @@
 ---
 title: Reactivity in Depth
 type: guide
-order: 15
+order: 12
 ---
 
 We've covered most of the basics - now it's time to take a deep dive! One of Vue's most distinct features is the unobtrusive reactivity system. Models are just plain JavaScript objects. When you modify them, the view updates. It makes state management very simple and intuitive, but it's also important to understand how it works to avoid some common gotchas. In this section, we are going to dig into some of the lower-level details of Vue's reactivity system.

src/guide/render-function.md

@@ -1,7 +1,7 @@
 ---
 title: Render Functions
 type: guide
-order: 14
+order: 15
 ---
 
 ## Basics
@@ -160,12 +160,12 @@ One thing to note: similar to how `v-bind:class` and `v-bind:style` have special
   nativeOn: {
     click: this.nativeClickHandler
   },
-  // Custom directives. Note that the binding's 
+  // Custom directives. Note that the binding's
   // oldValue cannot be set, as Vue keeps track
   // of it for you.
   directives: [
     {
-      name: 'my-custom-directive', 
+      name: 'my-custom-directive',
       value: '2'
       expression: '1 + 1',
       arg: 'foo',

src/guide/transitioning-state.md

@@ -1,7 +1,7 @@
 ---
 title: Transitioning State
 type: guide
-order: 13
+order: 14
 ---
 
 Vue's transition system offers many simple ways to animate entering, leaving, and lists, but what about animating your data itself? For example:

src/guide/transitions.md

@@ -1,7 +1,7 @@
 ---
 title: 'Transition Effects'
 type: guide
-order: 12
+order: 13
 ---
 
 ## Overview

themes/vue/layout/partials/sidebar.ejs

@@ -24,7 +24,7 @@
                 <% if (fileName === 'installation') { %>
                   <li><h3>Essentials</h3></li>
                 <% } %>
-                <% if (fileName === 'transitions') { %>
+                <% if (fileName === 'reactivity') { %>
                   <li><h3>Advanced</h3></li>
                 <% } %>
                 <% if (fileName === 'migration') { %>