* Remove commented Angular code in Vue.js sample and replace with basic use case

* Fix typo in Angular BottomNavigation sample

Author: eugenefvdm

demo-ng/src/app/examples/bottom-navigation-bar/third-tab/third-tab.component.html

@@ -1,3 +1,3 @@
 <GridLayout class="p-20">
-  <Label class="h1 text-center" text="Thrid tab" textWrap="true"></Label>
+  <Label class="h1 text-center" text="Third tab" textWrap="true"></Label>
 </GridLayout>

demo-vue/app/examples/BottomNavigationBar.vue

@@ -5,8 +5,12 @@
         </ActionBar>
         <GridLayout rows="*, auto" backgroundColor="blue">
             <StackLayout class="page" backgroundColor="white" row="0">
-                <!-- <ns-first-tab *ngSwitchDefault></ns-first-tab> -->
-                <!-- <ns-third-tab *ngSwitchCase="2"></ns-third-tab> -->
+                <GridLayout class="p-20" v-if="currentTab === 0"> -->
+                    <Label class="h1 text-center" text="First tab" textWrap="true"></Label>
+                </GridLayout> -->
+                <GridLayout class="p-20" v-if="currentTab === 2">
+                    <Label class="h1 text-center" text="Third tab" textWrap="true"></Label>
+                </GridLayout>
             </StackLayout>
             <MDBottomNavigationBar row="1" activeColor="red" @loaded="onbottomNavigationBarLoaded">
                 <MDBottomNavigationTab title="First" icon="res://ic_home" activeColor="green"/>
@@ -30,7 +34,8 @@ export default Vue.extend({
     name: 'BottomNavigationBar',
     data() {
         return {
-            title: title
+            title: title,
+            currentTab: 0
         };
     },
     methods: {
@@ -51,6 +56,7 @@ export default Vue.extend({
         onBottomNavigationTabSelected(args: TabSelectedEventData): void {
             console.log(`old tab index:  ${args.oldIndex}`);
             console.log(`selected tab index:  ${args.newIndex}`);
+            this.currentTab = args.newIndex;
         },
 
         onBottomNavigationTabReselected(args: TabReselectedEventData): void {