Reverted #4953

components/lib/accordion/Accordion.vue

@@ -79,7 +79,7 @@ export default {
             this.d_activeIndex = newValue;
         }
     },
-    beforeMount() {
+    mounted() {
         this.id = this.id || UniqueComponentId();
     },
     methods: {

components/lib/autocomplete/AutoComplete.vue

@@ -223,10 +223,8 @@ export default {
             this.autoUpdateModel();
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
     },
     updated() {

components/lib/cascadeselect/CascadeSelect.vue

@@ -115,10 +115,8 @@ export default {
             this.autoUpdateModel();
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
     },
     beforeUnmount() {

components/lib/contextmenu/ContextMenu.vue

@@ -76,10 +76,9 @@ export default {
             }
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
+
         if (this.global) {
             this.bindDocumentContextMenuListener();
         }

components/lib/dock/DockSub.vue

@@ -110,7 +110,7 @@ export default {
             this.id = newValue || UniqueComponentId();
         }
     },
-    beforeMount() {
+    mounted() {
         this.id = this.id || UniqueComponentId();
     },
     methods: {

components/lib/dropdown/Dropdown.vue

@@ -215,10 +215,8 @@ export default {
             this.autoUpdateModel();
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
         this.bindLabelClickListener();
     },

components/lib/listbox/Listbox.vue

@@ -155,10 +155,8 @@ export default {
             this.autoUpdateModel();
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
     },
     methods: {

components/lib/megamenu/MegaMenu.vue

@@ -98,10 +98,8 @@ export default {
             }
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.bindMatchMediaListener();
     },
     beforeUnmount() {

components/lib/menu/Menu.vue

@@ -73,10 +73,9 @@ export default {
     resizeListener: null,
     container: null,
     list: null,
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
+
         if (!this.popup) {
             this.bindResizeListener();
             this.bindOutsideClickListener();

components/lib/menubar/Menubar.vue

@@ -93,10 +93,8 @@ export default {
     outsideClickListener: null,
     container: null,
     menubar: null,
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.bindMatchMediaListener();
     },
     beforeUnmount() {

components/lib/multiselect/MultiSelect.vue

@@ -241,10 +241,8 @@ export default {
             this.autoUpdateModel();
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
     },
     beforeUnmount() {

components/lib/orderlist/OrderList.vue

@@ -116,10 +116,9 @@ export default {
             this.reorderDirection = null;
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
+
         if (this.responsive) {
             this.createStyle();
         }

components/lib/panelmenu/PanelMenu.vue

@@ -76,7 +76,7 @@ export default {
             this.id = newValue || UniqueComponentId();
         }
     },
-    beforeMount() {
+    mounted() {
         this.id = this.id || UniqueComponentId();
     },
     methods: {

components/lib/picklist/PickList.vue

@@ -276,7 +276,6 @@ export default {
         this.destroyStyle();
         this.destroyMedia();
     },
-    beforeMount() {},
     mounted() {
         this.id = this.id || UniqueComponentId();
 

components/lib/speeddial/SpeedDial.vue

@@ -84,10 +84,9 @@ export default {
             this.d_visible = newValue;
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
+
         if (this.type !== 'linear') {
             const button = DomHandler.findSingle(this.container, '[data-pc-name="button"]');
             const firstItem = DomHandler.findSingle(this.list, '[data-pc-section="menuitem"]');
@@ -105,7 +104,7 @@ export default {
             this.bindDocumentClickListener();
         }
     },
-    beforeMount() {
+    beforeUnmount() {
         this.unbindDocumentClickListener();
     },
     methods: {

components/lib/tabview/TabView.vue

@@ -121,10 +121,8 @@ export default {
             this.scrollInView({ index: newValue });
         }
     },
-    beforeMount() {
-        this.id = this.id || UniqueComponentId();
-    },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.updateInkBar();
         this.scrollable && this.updateButtonState();
     },

components/lib/tieredmenu/TieredMenu.vue

@@ -85,7 +85,7 @@ export default {
             }
         }
     },
-    beforeMount() {
+    mounted() {
         this.id = this.id || UniqueComponentId();
     },
     beforeUnmount() {