Fix a warning and a bad reference in the "Components - Dynamic Components" example (volksbright#409)

kili-ilo · chrisvfritz · commit 0f22166f7d23 · 2016-09-20T16:50:08.000-04:00
* Mount "Dynamic Components" VM to #example instead of body http://rc.vuejs.org/guide/components.html#Dynamic-Components Mounting a VM to the body produces the following warning: `vue.js:2532 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.` * Save "Dynamic Components" VM as a `vm` to match later reference http://rc.vuejs.org/guide/components.html#Dynamic-Components The HTML snippet references the VM as `vm`, but the VM is not currently saved as a variable.
diff --git a/src/guide/components.md b/src/guide/components.md
@@ -807,8 +807,8 @@ The content distribution API is a very useful mechanism when designing component
 You can use the same mount point and dynamically switch between multiple components using the reserved `<component>` element and dynamically bind to its `is` attribute:
 
 ``` js
-new Vue({
-  el: 'body',
+var vm = new Vue({
+  el: '#example',
   data: {
     currentView: 'home'
   },
@@ -833,8 +833,8 @@ var Home = {
   template: '<p>Welcome home!</p>'
 }
 
-new Vue({
-  el: 'body',
+var vm = new Vue({
+  el: '#example',
   data: {
     currentView: Home
   }
